:root,[data-theme="dark"]{
 --bg:#06110E;--bg2:#0A1713;--fg:#fff;--fg2:#B8BFDB;--fg3:#7A82A6;--edge:rgba(255,255,255,.10);--edge2:rgba(255,255,255,.055);
 --glass:rgba(255,255,255,.045);--glass2:rgba(255,255,255,.025);--glasshi:rgba(255,255,255,.14);--shadow:0 34px 90px -34px rgba(0,12,8,.9);--scheme:dark;--aurora:.30;
}
[data-theme="light"]{
 --bg:#F5F6FC;--bg2:#FFFFFF;--fg:#0B0D1A;--fg2:#454C68;--fg3:#6A7292;--edge:rgba(11,13,26,.11);--edge2:rgba(11,13,26,.06);
 --glass:rgba(255,255,255,.72);--glass2:rgba(255,255,255,.5);--glasshi:rgba(255,255,255,.95);--shadow:0 30px 70px -34px rgba(28,34,80,.34);--scheme:light;--aurora:.62;
}
:root{
 --peri:#7C7CFF;--aqua:#3FE0C8;--coral:#FF9E7A;--violet:#C08BFF;--peri2:#4B4BE8;
 --ff-d:"Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--ff:"Manrope",ui-sans-serif,system-ui,sans-serif;--ff-m:"JetBrains Mono",ui-monospace,monospace;
 --max:1280px;--gut:22px;--nav:62px;--e:cubic-bezier(.22,.68,.24,1);--spring:cubic-bezier(.16,1,.3,1);
 --safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:clip}
body{margin:0;color:var(--fg);font-family:var(--ff);font-size:16.5px;line-height:1.62;font-weight:450;background:radial-gradient(1200px 780px at 50% -10%,rgba(12,91,67,.16),transparent 62%),linear-gradient(180deg,#06110E 0%,var(--bg) 38%,#04100D 100%);color-scheme:var(--scheme);overflow-x:hidden;-webkit-font-smoothing:antialiased}
[data-theme="light"] body{background:radial-gradient(900px 600px at 20% -5%,rgba(124,124,255,.10),transparent 65%),radial-gradient(900px 650px at 90% 10%,rgba(63,224,200,.08),transparent 64%),linear-gradient(180deg,#F8F9FD,var(--bg))}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{border:0;background:none;cursor:pointer}.wrap{width:100%;max-width:var(--max);margin:auto;padding:0 var(--gut)}
h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--ff-d);letter-spacing:-.04em;line-height:1;text-wrap:balance}
.d1{font-size:clamp(3.2rem,7.5vw,6.4rem);line-height:.93;letter-spacing:-.062em;font-weight:760}.d2{font-size:clamp(2.15rem,4.7vw,4rem);line-height:.98}
.grad{background:linear-gradient(100deg,var(--peri),var(--aqua) 46%,var(--coral));-webkit-background-clip:text;background-clip:text;color:transparent}
.kicker{display:inline-flex;align-items:center;gap:9px;font-family:var(--ff-m);font-size:.64rem;letter-spacing:.13em;text-transform:uppercase;color:var(--fg3)}.kicker:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--peri);box-shadow:0 0 0 4px color-mix(in srgb,var(--peri) 18%,transparent)}
.lede{font-size:clamp(1.03rem,1.5vw,1.2rem);color:var(--fg2);max-width:62ch}
.glass{position:relative;background:var(--glass);border:1px solid var(--edge);border-radius:22px;box-shadow:var(--shadow);overflow:hidden}.glass:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(155deg,var(--glasshi),transparent 28%);opacity:.34}
.aurora{position:fixed;inset:0;z-index:-2;pointer-events:none;opacity:var(--aurora);overflow:hidden}.aurora i{position:absolute;border-radius:50%;filter:blur(104px);opacity:.24;animation:float 32s var(--e) infinite}.aurora i:nth-child(1){width:50vw;height:50vw;left:-12vw;top:-16vw;background:var(--peri)}.aurora i:nth-child(2){width:45vw;height:45vw;right:-13vw;top:7vw;background:var(--aqua);animation-delay:-10s}.aurora i:nth-child(3){width:38vw;height:38vw;left:27vw;bottom:-18vw;background:var(--violet);animation-delay:-18s}@keyframes float{50%{transform:translate3d(6vw,5vh,0) scale(1.12)}}
.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.035;background-image:linear-gradient(var(--fg) 1px,transparent 1px),linear-gradient(90deg,var(--fg) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(115% 82% at 50% 0,#000 15%,transparent 80%)}
.progress{position:fixed;inset:0 0 auto;height:2px;z-index:180}.progress i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--peri),var(--aqua),var(--coral));box-shadow:0 0 14px var(--peri)}
.topbar{position:sticky;top:0;z-index:120;padding-top:12px}.topin{height:var(--nav);display:flex;align-items:center;gap:20px;padding:0 9px 0 17px;border:1px solid var(--edge);border-radius:16px;background:color-mix(in srgb,var(--bg) 74%,transparent);backdrop-filter:blur(20px) saturate(1.45);-webkit-backdrop-filter:blur(20px) saturate(1.45)}
.brand{display:flex;align-items:center;gap:9px;font-family:var(--ff-d);font-weight:800;letter-spacing:-.04em;font-size:1.08rem}.mark{width:25px;height:25px;border-radius:8px;background:linear-gradient(140deg,var(--peri),var(--aqua));box-shadow:0 0 18px -4px var(--peri);position:relative}.mark:after{content:"";position:absolute;left:6px;right:6px;top:7px;height:2px;background:#fff;border-radius:2px;opacity:.9}.brand small{font-family:var(--ff);font-weight:500;color:var(--fg3);font-size:.72rem;letter-spacing:0}
.nav{margin-left:auto;display:flex;gap:3px}.nav a{padding:8px 11px;border-radius:10px;font-size:.84rem;color:var(--fg2)}.nav a:hover,.nav a.active{color:var(--fg);background:var(--glass)}.acts{display:flex;gap:7px;align-items:center}.icon{width:38px;height:38px;border-radius:11px;border:1px solid var(--edge);background:var(--glass2);display:grid;place-items:center;transition:.25s var(--e)}.icon:hover{transform:translateY(-1px);background:var(--glass)}.icon svg{width:16px;height:16px}.theme .moon{display:none}[data-theme=light] .theme .moon{display:block}[data-theme=light] .theme .sun{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:12px 20px;border-radius:13px;font-weight:700;font-size:.91rem;border:1px solid transparent;transition:transform .25s var(--e),box-shadow .3s var(--e),background .3s var(--e)}.btn:hover{transform:translateY(-2px)}.pri{background:linear-gradient(120deg,var(--peri),var(--peri2));color:#fff;box-shadow:0 15px 35px -16px var(--peri)}.ghost{border-color:var(--edge);background:var(--glass2)}.btnrow{display:flex;flex-wrap:wrap;gap:10px}.burger{display:none}
.drawer{position:fixed;inset:0;z-index:150;pointer-events:none;visibility:hidden}.drawer.open{pointer-events:auto;visibility:visible}.drawer-scrim{position:absolute;inset:0;background:rgba(3,12,9,.66);backdrop-filter:blur(6px);opacity:0;transition:.3s var(--e)}.drawer.open .drawer-scrim{opacity:1}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(86vw,360px);background:var(--bg2);border-left:1px solid var(--edge);padding:22px;transform:translateX(102%);transition:.45s var(--spring);display:flex;flex-direction:column;gap:6px}.drawer.open .drawer-panel{transform:none}.drawer-panel a{padding:15px 14px;border-radius:12px;font-family:var(--ff-d);font-size:1.15rem;font-weight:650;border-bottom:1px solid var(--edge2)}.drawer-close{align-self:flex-end;margin-bottom:8px}
.hero{padding:clamp(68px,8vw,118px) 0 clamp(76px,9vw,128px)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:58px;align-items:center}.hero-copy .kicker{margin-bottom:22px}.hero-copy h1{max-width:10ch}.hero-copy .lede{margin-top:24px;max-width:55ch}.hero-copy .btnrow{margin-top:28px}.hero-proof{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.hero-proof span{padding:7px 10px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);font-family:var(--ff-m);font-size:.55rem;letter-spacing:.05em;color:var(--fg3)}
.constellation{min-height:480px;padding:18px;display:grid;place-items:center;position:relative}.constellation-inner{position:relative;width:min(100%,470px);aspect-ratio:1/1}.core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:150px;height:150px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--aqua) 34%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 8%,var(--bg)),var(--bg));box-shadow:0 0 80px -32px var(--aqua)}.core:before,.core:after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--aqua) 18%,transparent);animation:ring 3.5s ease-out infinite}.core:before{inset:-13px}.core:after{inset:-27px;animation-delay:-1.75s}@keyframes ring{0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.16);opacity:0}}.core strong{font-size:1.35rem;font-family:var(--ff-d)}.core small{display:block;font-family:var(--ff-m);font-size:.5rem;color:var(--aqua);letter-spacing:.1em;margin-top:3px}
.const-line{position:absolute;left:50%;top:50%;width:34%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--aqua) 42%,transparent),transparent);transform-origin:0 50%;opacity:.34}.const-node{position:absolute;width:112px;min-height:78px;padding:12px;border:1px solid var(--edge2);border-radius:16px;background:color-mix(in srgb,var(--bg2) 72%,transparent);backdrop-filter:blur(13px);text-align:left;transition:.4s var(--spring);cursor:pointer}.const-node:hover,.const-node.active{transform:translateY(-4px);border-color:color-mix(in srgb,var(--tint) 44%,var(--edge));box-shadow:0 18px 36px -28px var(--tint)}.const-node small{font-family:var(--ff-m);font-size:.48rem;color:var(--tint);letter-spacing:.08em}.const-node b{display:block;font-family:var(--ff-d);font-size:.95rem;margin-top:5px;letter-spacing:-.025em}.const-node span{display:block;font-size:.62rem;color:var(--fg3);margin-top:4px}.n-work{left:4%;top:18%}.n-communicate{right:2%;top:18%}.n-automate{right:0;bottom:19%}.n-build{left:7%;bottom:12%}.n-intelligence{left:50%;top:1%;transform:translateX(-50%)}.n-control{left:50%;bottom:0;transform:translateX(-50%)}.n-intelligence:hover,.n-intelligence.active,.n-control:hover,.n-control.active{transform:translateX(-50%) translateY(-4px)}
.sec{padding:clamp(78px,8vw,120px) 0}.sec-head{max-width:800px;margin-bottom:34px}.sec-head .kicker{margin-bottom:16px}.sec-head .lede{margin-top:18px}
.group-rail-wrap{position:sticky;top:84px;z-index:70;padding:10px 0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg) 94%,transparent),color-mix(in srgb,var(--bg) 84%,transparent),transparent);backdrop-filter:blur(10px)}.group-rail{display:grid;grid-template-columns:repeat(6,1fr);gap:7px;padding:10px;border:1px solid var(--edge);border-radius:18px;background:color-mix(in srgb,var(--bg2) 72%,transparent);box-shadow:0 18px 50px -36px rgba(0,0,0,.8)}.group-tab{min-height:70px;padding:12px 13px;border-radius:14px;border:1px solid transparent;text-align:left;color:var(--fg2);position:relative;transition:.32s var(--spring);--tint:var(--peri)}.group-tab:hover{background:var(--glass2)}.group-tab[aria-selected=true]{background:var(--glass);border-color:color-mix(in srgb,var(--tint) 42%,var(--edge));box-shadow:0 14px 34px -28px var(--tint);color:var(--fg);transform:translateY(-2px)}.group-tab small{display:block;font-family:var(--ff-m);font-size:.52rem;color:var(--tint);letter-spacing:.08em}.group-tab b{display:block;font-family:var(--ff-d);font-size:.94rem;margin-top:7px;letter-spacing:-.025em}
.group-stage{margin-top:18px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:14px;align-items:start}.group-main{min-width:0}.group-intro{padding:24px;border:1px solid var(--edge);border-radius:20px;background:var(--glass2);position:relative;overflow:hidden}.group-intro:after{content:"";position:absolute;width:240px;height:240px;right:-90px;top:-100px;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tint) 14%,transparent),transparent 68%)}.group-intro small{font-family:var(--ff-m);font-size:.58rem;color:var(--tint);letter-spacing:.1em}.group-intro h2{font-size:clamp(2rem,4vw,3.5rem);margin-top:8px;max-width:15ch}.group-intro p{margin-top:12px;color:var(--fg2);max-width:62ch}
.card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:10px}.cap-card{min-height:210px;padding:19px;border:1px solid var(--edge2);border-radius:19px;background:var(--glass2);position:relative;overflow:hidden;text-align:left;transition:.34s var(--spring);--tint:var(--peri)}.cap-card:before{content:"";position:absolute;inset:0;background:radial-gradient(230px circle at var(--mx,80%) var(--my,10%),color-mix(in srgb,var(--tint) 10%,transparent),transparent 68%);opacity:.7}.cap-card:hover,.cap-card.active{transform:translateY(-5px);border-color:color-mix(in srgb,var(--tint) 42%,var(--edge));box-shadow:0 22px 52px -36px var(--tint)}.cap-card>*{position:relative;z-index:1}.card-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.cap-mark{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tint) 28%,var(--edge));background:color-mix(in srgb,var(--tint) 6%,var(--glass));font-family:var(--ff-d);font-size:1rem;font-weight:800;color:var(--tint);box-shadow:0 0 28px -16px var(--tint)}.cap-product{font-family:var(--ff-m);font-size:.5rem;letter-spacing:.07em;color:var(--fg3);padding:5px 8px;border:1px solid var(--edge2);border-radius:999px}.cap-card h3{font-size:1.35rem;margin-top:32px}.cap-card p{color:var(--fg2);font-size:.86rem;line-height:1.48;margin-top:9px;max-width:42ch}.cap-open{display:inline-flex;align-items:center;gap:7px;margin-top:18px;font-size:.72rem;font-weight:750;color:var(--tint)}.cap-open i{width:20px;height:1px;background:currentColor;position:relative}.cap-open i:after{content:"";position:absolute;right:0;top:-3px;width:6px;height:6px;border-top:1px solid currentColor;border-right:1px solid currentColor;transform:rotate(45deg)}
.detail{margin-top:10px;border:1px solid var(--edge);border-radius:24px;background:var(--glass);overflow:hidden;display:none;transform-origin:top}.detail.open{display:block;animation:detailIn .52s var(--spring)}@keyframes detailIn{from{opacity:0;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}.detail-head{padding:clamp(24px,4vw,42px);position:relative;overflow:hidden;border-bottom:1px solid var(--edge2)}.detail-head:before{content:"";position:absolute;inset:0;background:radial-gradient(50% 110% at 92% 0%,color-mix(in srgb,var(--detail-tint) 17%,transparent),transparent 70%)}.detail-head>*{position:relative;z-index:1}.detail-meta{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap}.detail-product{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}.detail-close{width:40px;height:40px;border-radius:12px;border:1px solid var(--edge);background:var(--glass2);font-size:1.2rem}.detail-head h3{font-size:clamp(2.2rem,5vw,4.4rem);margin-top:18px;max-width:13ch}.detail-head>p{margin-top:14px;color:var(--fg2);max-width:64ch;font-size:1rem}
.detail-body{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;padding:14px}.detail-box{padding:22px;border:1px solid var(--edge2);border-radius:18px;background:var(--glass2)}.detail-box small{font-family:var(--ff-m);font-size:.55rem;letter-spacing:.09em;color:var(--detail-tint)}.detail-box h4{font-size:1.22rem;margin-top:8px}.detail-box p{color:var(--fg2);font-size:.86rem;line-height:1.5;margin-top:9px}.detail-list{list-style:none;margin:16px 0 0;padding:0}.detail-list li{display:flex;gap:10px;padding:10px 0;border-top:1px solid var(--edge2);color:var(--fg2);font-size:.82rem}.detail-list li:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--detail-tint);margin-top:.62em;flex:0 0 auto}
.connection-map{min-height:260px;position:relative;display:grid;place-items:center;overflow:hidden}.connection-core{width:118px;height:118px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--detail-tint) 45%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 9%,var(--bg2)),var(--bg2));box-shadow:0 0 50px -25px var(--detail-tint);font-family:var(--ff-d);font-size:1rem;padding:10px}.connect-chip{position:absolute;padding:7px 10px;border-radius:999px;border:1px solid var(--edge);background:var(--glass);font-size:.66rem;color:var(--fg2);animation:drift 7s var(--e) infinite}.connect-chip:nth-of-type(2){left:8%;top:18%}.connect-chip:nth-of-type(3){right:7%;top:20%;animation-delay:-2s}.connect-chip:nth-of-type(4){left:10%;bottom:18%;animation-delay:-4s}.connect-chip:nth-of-type(5){right:10%;bottom:16%;animation-delay:-6s}@keyframes drift{50%{transform:translateY(-7px)}}
.side{position:sticky;top:180px;display:grid;gap:10px}.side-card{padding:18px;border:1px solid var(--edge);border-radius:18px;background:var(--glass2)}.side-card small{font-family:var(--ff-m);font-size:.54rem;letter-spacing:.09em;color:var(--fg3)}.side-card h3{font-size:1.16rem;margin-top:8px}.side-card p{color:var(--fg3);font-size:.78rem;line-height:1.45;margin-top:7px}.search-launch{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px;border:1px solid var(--edge);border-radius:12px;background:var(--glass2);margin-top:13px;text-align:left}.search-launch span{font-size:.78rem;color:var(--fg2)}.search-launch kbd{font-family:var(--ff-m);font-size:.5rem;padding:4px 6px;border:1px solid var(--edge);border-radius:6px;color:var(--fg3)}.mini-map{margin-top:14px;display:grid;grid-template-columns:repeat(2,1fr);gap:6px}.mini-map button{padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.68rem;text-align:left;color:var(--fg3)}.mini-map button.active{color:var(--fg);border-color:color-mix(in srgb,var(--tint) 36%,var(--edge));background:color-mix(in srgb,var(--tint) 5%,var(--glass))}.side-cta{display:grid;gap:8px}.side-cta .btn{width:100%}
.palette{position:fixed;inset:0;z-index:220;display:grid;place-items:start center;padding:9vh 18px 18px;visibility:hidden;pointer-events:none}.palette.open{visibility:visible;pointer-events:auto}.palette-scrim{position:absolute;inset:0;background:rgba(3,12,9,.72);backdrop-filter:blur(8px);opacity:0;transition:.25s var(--e)}.palette.open .palette-scrim{opacity:1}.palette-panel{position:relative;width:min(760px,100%);max-height:78vh;border:1px solid var(--edge);border-radius:22px;background:color-mix(in srgb,var(--bg2) 94%,transparent);box-shadow:0 40px 100px -38px rgba(0,0,0,.9);overflow:hidden;transform:translateY(-10px) scale(.98);opacity:0;transition:.34s var(--spring)}.palette.open .palette-panel{transform:none;opacity:1}.palette-input-wrap{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--edge)}.palette-input-wrap svg{width:20px;color:var(--aqua)}.palette-input{flex:1;border:0;outline:0;background:transparent;font-family:var(--ff-d);font-size:1.2rem;letter-spacing:-.025em}.palette-close{width:36px;height:36px;border:1px solid var(--edge);border-radius:10px;background:var(--glass2)}.palette-results{padding:10px;overflow:auto;max-height:62vh}.result{display:grid;grid-template-columns:44px 1fr auto;gap:12px;align-items:center;width:100%;padding:12px;border-radius:14px;text-align:left;border:1px solid transparent}.result:hover,.result.active{background:var(--glass);border-color:var(--edge)}.result-mark{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tint) 32%,var(--edge));color:var(--tint);font-family:var(--ff-d);font-weight:800}.result b{display:block;font-family:var(--ff-d);font-size:.95rem}.result small{display:block;color:var(--fg3);font-size:.68rem;margin-top:2px}.result em{font-style:normal;font-family:var(--ff-m);font-size:.48rem;color:var(--fg3)}.palette-empty{padding:30px;text-align:center;color:var(--fg3)}
.final{padding:clamp(88px,11vw,160px) 0;text-align:center}.final h2{max-width:14ch;margin:auto}.final p{max-width:52ch;margin:20px auto 28px;color:var(--fg2)}.final .btnrow{justify-content:center}
*{scrollbar-width:none}*::-webkit-scrollbar{width:0;height:0}.scroll-edge{position:fixed;z-index:2147480000;right:max(3px,var(--safe-r));top:calc(var(--safe-t) + 8px);bottom:calc(var(--safe-b) + 8px);width:18px;pointer-events:auto;touch-action:none;user-select:none;opacity:.72;transition:opacity .25s var(--e),width .25s var(--e)}.scroll-edge:hover{opacity:1;width:24px}.scroll-edge__line,.scroll-edge__progress{position:absolute;left:50%;top:0;transform:translateX(-50%);border-radius:999px;pointer-events:none}.scroll-edge__line{bottom:0;width:1px;background:linear-gradient(180deg,transparent 0%,rgba(63,224,200,.18) 8%,rgba(124,124,255,.16) 48%,rgba(255,158,122,.17) 92%,transparent 100%)}.scroll-edge__progress{height:var(--edge-scroll-progress,0%);width:1.5px;background:linear-gradient(180deg,var(--aqua),var(--peri) 55%,var(--coral));box-shadow:0 0 7px color-mix(in srgb,var(--aqua) 55%,transparent),0 0 16px color-mix(in srgb,var(--peri) 28%,transparent);transition:height .08s linear}.scroll-captor{position:absolute;left:50%;top:var(--edge-scroll-thumb,14px);width:6px;height:30px;transform:translate(-50%,-50%);border-radius:999px;border:1px solid color-mix(in srgb,var(--aqua) 48%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--aqua) 84%,#fff),color-mix(in srgb,var(--peri) 82%,var(--aqua)),color-mix(in srgb,var(--coral) 78%,var(--peri)));box-shadow:0 0 7px color-mix(in srgb,var(--aqua) 62%,transparent),0 0 17px color-mix(in srgb,var(--peri) 28%,transparent);cursor:ns-resize;outline:none;transition:.22s var(--e)}.scroll-captor:hover,.scroll-captor.is-dragging{width:13px;height:42px;box-shadow:0 0 0 4px color-mix(in srgb,var(--aqua) 7%,transparent),0 0 12px color-mix(in srgb,var(--aqua) 75%,transparent),0 0 28px color-mix(in srgb,var(--peri) 42%,transparent)}
.toast{position:fixed;left:50%;bottom:22px;transform:translate(-50%,16px);z-index:260;padding:9px 13px;border:1px solid var(--edge);border-radius:999px;background:color-mix(in srgb,var(--bg2) 92%,transparent);backdrop-filter:blur(14px);font-size:.7rem;color:var(--fg2);opacity:0;pointer-events:none;transition:.28s var(--spring)}.toast.show{opacity:1;transform:translate(-50%,0)}
button,.btn,a.btn,.cap-card,.group-tab,.result{-webkit-tap-highlight-color:transparent}button:active,.btn:active,.cap-card:active,.group-tab:active,.result:active{transform:translateY(1px) scale(.985)!important;transition-duration:.06s!important}@keyframes vhTap{0%{filter:none}35%{filter:brightness(1.05)}100%{filter:none}}html.vh-tap .topin,html.vh-select .topin,html.vh-confirm .topin{animation:vhTap .15s var(--spring)}#sound.is-on,#haptic.is-on{border-color:color-mix(in srgb,var(--aqua) 34%,var(--edge));background:color-mix(in srgb,var(--aqua) 6%,var(--glass2))}
@media(pointer:coarse){.scroll-edge{right:max(1px,var(--safe-r));width:6px;opacity:.42;pointer-events:none}.scroll-captor{display:none}}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr;gap:34px}.constellation{min-height:420px}.group-stage{grid-template-columns:1fr}.side{position:relative;top:auto;grid-template-columns:1fr 1fr}}
@media(max-width:900px){.nav{display:none}.burger{display:grid}.group-rail{grid-template-columns:repeat(3,1fr)}.group-rail-wrap{top:80px}.detail-body{grid-template-columns:1fr}}
@media(max-width:700px){
 :root{--gut:16px}body{font-size:16px}.topbar{padding-top:8px}.topin{height:58px;padding-left:13px}.brand small{display:none}.acts .desktop-only{display:none}
 .hero{padding:48px 0 74px}.hero-copy h1{max-width:9ch}.constellation{min-height:340px;padding:10px}.constellation-inner{width:100%;max-width:355px}.core{width:112px;height:112px}.const-node{width:92px;min-height:64px;padding:9px}.const-node b{font-size:.79rem}.const-node span{display:none}.n-work{left:0;top:19%}.n-communicate{right:0;top:19%}.n-automate{right:0;bottom:18%}.n-build{left:1%;bottom:15%}.n-intelligence{top:0}.n-control{bottom:0}
 .group-rail-wrap{top:72px}.group-rail{grid-template-columns:repeat(2,1fr);gap:6px;padding:8px}.group-tab{min-height:58px;padding:9px 10px}.group-tab small{font-size:.45rem}.group-tab b{font-size:.82rem;margin-top:4px}
 .group-intro{padding:20px}.group-intro h2{font-size:2.35rem}.card-grid{grid-template-columns:1fr}.cap-card{min-height:185px;padding:17px}.cap-card h3{margin-top:26px}.detail-head{padding:22px}.detail-head h3{font-size:2.65rem}.detail-body{padding:9px;gap:9px}.detail-box{padding:18px}.connection-map{min-height:230px}
 .side{grid-template-columns:1fr}.side-cta{grid-template-columns:1fr 1fr}.side-cta .btn{min-width:0;padding-inline:12px}.palette{padding:5vh 10px 10px}.palette-panel{max-height:88vh}.result{grid-template-columns:40px 1fr}.result em{display:none}
}
@media(prefers-reduced-motion:reduce){
  html:not(.motion-full){scroll-behavior:auto!important}
  html:not(.motion-full) .aurora i,
  html:not(.motion-full) .aurora:after,
  html:not(.motion-full) .space-halo,
  html:not(.motion-full) .space-orb,
  html:not(.motion-full) .signal-flow,
  html:not(.motion-full) .space-core-ring{animation:none!important}
}
html.motion-paused *{animation-play-state:paused!important}

/* V2 guided explorer */
.explore-modes{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.explore-modes span{display:inline-flex;gap:7px;align-items:center;min-height:38px;padding:8px 12px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);color:var(--fg3);font-size:.75rem}
.explore-modes b{color:var(--fg);font-weight:800}

.guide-card{padding:20px;overflow:visible;border-color:color-mix(in srgb,var(--aqua) 24%,var(--edge));background:radial-gradient(90% 100% at 0% 0%,color-mix(in srgb,var(--aqua) 8%,transparent),transparent 65%),var(--glass)}
.guide-badge{display:flex;align-items:center;gap:8px;font-family:var(--ff-m);font-size:.54rem;letter-spacing:.10em;color:var(--aqua)}
.guide-badge i{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px color-mix(in srgb,var(--aqua) 10%,transparent),0 0 16px var(--aqua)}
.guide-card h3{margin-top:13px;font-size:1.45rem}.guide-card>p{margin-top:7px;color:var(--fg2);font-size:.82rem;line-height:1.45}
.guide-input-wrap{display:grid;gap:8px;margin-top:15px}
.guide-input-wrap textarea{width:100%;resize:vertical;min-height:88px;border:1px solid var(--edge);border-radius:13px;background:var(--glass2);color:var(--fg);padding:12px;outline:none;font-family:var(--ff);font-size:.82rem;line-height:1.45}
.guide-input-wrap textarea:focus{border-color:color-mix(in srgb,var(--aqua) 46%,var(--edge));box-shadow:0 0 0 3px color-mix(in srgb,var(--aqua) 7%,transparent)}
.guide-go{min-height:43px;border-radius:12px;background:linear-gradient(120deg,var(--aqua),color-mix(in srgb,var(--aqua) 62%,var(--peri)));color:#04120F;font-weight:800}
.guide-examples{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.guide-examples button{padding:6px 8px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);color:var(--fg3);font-size:.62rem;text-align:left}.guide-examples button:hover{color:var(--fg);border-color:var(--edge)}
.guide-answer{margin-top:14px;padding-top:13px;border-top:1px solid var(--edge2)}.guide-empty strong,.guide-empty span{display:block}.guide-empty strong{font-size:.8rem}.guide-empty span{margin-top:3px;color:var(--fg3);font-size:.68rem;line-height:1.4}
.guide-response-head small{display:block;font-family:var(--ff-m);font-size:.50rem;letter-spacing:.09em;color:var(--aqua)}.guide-response-head strong{display:block;margin-top:5px;font-family:var(--ff-d);font-size:1.15rem;letter-spacing:-.03em}.guide-response-head span{display:block;margin-top:4px;color:var(--fg3);font-size:.68rem;line-height:1.4}
.guide-results{display:grid;gap:6px;margin-top:10px}.guide-result{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;width:100%;padding:9px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2);text-align:left;transition:border-color .22s var(--e),background .22s var(--e),transform .22s var(--spring)}
.guide-result:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tint) 34%,var(--edge))}.guide-result.primary{border-color:color-mix(in srgb,var(--tint) 38%,var(--edge));background:color-mix(in srgb,var(--tint) 5%,var(--glass2))}
.guide-result-mark{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--tint) 30%,var(--edge));color:var(--tint);font-family:var(--ff-d);font-weight:800}.guide-result b{display:block;font-size:.74rem}.guide-result small{display:block;margin-top:2px;color:var(--fg3);font-size:.58rem}.guide-result em{font-style:normal;color:var(--tint);font-size:.60rem;font-weight:800}
.guide-cta-note{display:block;margin-top:9px;color:var(--fg3);font-size:.68rem;line-height:1.4}

/* Motion cleanup */
.const-node,.const-node:hover,.const-node.active,.n-intelligence,.n-control,.n-intelligence:hover,.n-intelligence.active,.n-control:hover,.n-control.active{transform:none!important}
.n-intelligence{left:50%;top:1%;margin-left:-56px}.n-control{left:50%;bottom:0;margin-left:-56px}
.const-node:hover,.const-node.active{border-color:color-mix(in srgb,var(--tint) 44%,var(--edge));box-shadow:0 14px 34px -24px var(--tint)}
.const-node.active{background:color-mix(in srgb,var(--tint) 6%,var(--bg2))}
.connect-chip{animation:none!important}.aurora i{animation-duration:48s!important;opacity:.18!important}.core:before,.core:after{animation-duration:5s!important}
@keyframes capIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cap-card{animation:capIn .34s var(--spring) both}.cap-card:nth-child(2){animation-delay:.035s}.cap-card:nth-child(3){animation-delay:.07s}.cap-card:nth-child(4){animation-delay:.105s}.cap-card:nth-child(5){animation-delay:.14s}

[data-theme="light"] .guide-card{background:radial-gradient(90% 100% at 0% 0%,rgba(63,224,200,.07),transparent 65%),rgba(255,255,255,.76)}[data-theme="light"] .guide-go{color:#06211B}
@media(max-width:1050px){.side{grid-template-columns:1fr!important}.guide-card{position:relative}}
@media(max-width:700px){.explore-modes{display:grid;grid-template-columns:1fr}.explore-modes span{border-radius:13px;align-items:flex-start}.guide-card{padding:17px}.guide-card h3{font-size:1.3rem}.guide-examples{display:grid;grid-template-columns:1fr 1fr}.guide-examples button{border-radius:10px}.guide-result{grid-template-columns:34px 1fr}.guide-result em{display:none}}


/* =====================================================================
   V3 · FLOATING USE CASE GUIDE
   A calm companion that follows the user without occupying layout space.
   ===================================================================== */

.group-stage--full{
  grid-template-columns:1fr!important;
}
.group-main{
  width:100%;
}
.card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}

/* Explain the Guide without taking over the content */
.explore-modes{
  max-width:760px;
}
.explore-modes span:last-child{
  border-color:color-mix(in srgb,var(--aqua) 22%,var(--edge));
  background:color-mix(in srgb,var(--aqua) 4%,var(--glass2));
}

/* Floating shell */
.feature-guide-float{
  position:fixed;
  right:max(22px,calc(env(safe-area-inset-right,0px) + 12px));
  top:50%;
  transform:translateY(-50%);
  z-index:205;
  width:min(420px,calc(100vw - 34px));
  pointer-events:none;
}
.guide-orb{
  pointer-events:auto;
  margin-left:auto;
  min-width:178px;
  min-height:58px;
  padding:8px 11px 8px 9px;
  border:1px solid color-mix(in srgb,var(--aqua) 30%,var(--edge));
  border-radius:999px;
  background:color-mix(in srgb,var(--bg2) 88%,transparent);
  backdrop-filter:blur(22px) saturate(1.45);
  -webkit-backdrop-filter:blur(22px) saturate(1.45);
  box-shadow:0 22px 56px -30px rgba(0,0,0,.82),0 0 30px -22px var(--aqua);
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:10px;
  text-align:left;
  position:relative;
  overflow:hidden;
  transition:transform .26s var(--spring),border-color .25s var(--e),box-shadow .25s var(--e),opacity .25s var(--e);
}
.guide-orb:hover{
  transform:translateY(-2px);
  border-color:color-mix(in srgb,var(--aqua) 52%,var(--edge));
  box-shadow:0 26px 60px -30px rgba(0,0,0,.88),0 0 34px -18px var(--aqua);
}
.guide-orb-glow{
  position:absolute;
  width:110px;height:110px;border-radius:50%;
  left:-42px;top:-26px;
  background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 18%,transparent),transparent 68%);
  pointer-events:none;
}
.guide-orb-icon{
  width:42px;height:42px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--aqua) 38%,var(--edge));
  background:radial-gradient(circle at 35% 30%,color-mix(in srgb,var(--aqua) 24%,transparent),color-mix(in srgb,var(--peri) 7%,var(--glass2)));
  color:var(--aqua);
  font-family:var(--ff-d);font-weight:800;font-size:1rem;
  box-shadow:0 0 22px -12px var(--aqua);
  position:relative;z-index:1;
}
.guide-orb-copy{
  display:grid;gap:1px;position:relative;z-index:1;
}
.guide-orb-copy small{
  font-family:var(--ff-m);font-size:.47rem;letter-spacing:.1em;color:var(--fg3);
}
.guide-orb-copy b{
  font-family:var(--ff-d);font-size:.83rem;letter-spacing:-.025em;color:var(--fg);
}
.guide-orb-arrow{
  width:28px;height:28px;border-radius:50%;
  display:grid;place-items:center;
  border:1px solid var(--edge);
  color:var(--fg2);font-size:.78rem;
  position:relative;z-index:1;
}

/* Expanded drawer */
.feature-guide-drawer{
  pointer-events:none;
  position:absolute;
  right:0;
  top:50%;
  width:min(420px,calc(100vw - 34px));
  max-height:min(78vh,720px);
  overflow:auto;
  padding:20px;
  border:1px solid color-mix(in srgb,var(--aqua) 26%,var(--edge));
  border-radius:24px;
  background:
    radial-gradient(90% 85% at 0% 0%,color-mix(in srgb,var(--aqua) 7%,transparent),transparent 65%),
    color-mix(in srgb,var(--bg2) 96%,transparent);
  backdrop-filter:blur(24px) saturate(1.35);
  -webkit-backdrop-filter:blur(24px) saturate(1.35);
  box-shadow:0 38px 90px -42px rgba(0,0,0,.96),0 0 50px -34px var(--aqua);
  opacity:0;
  transform:translateY(-48%) translateX(18px) scale(.985);
  visibility:hidden;
  transition:opacity .28s var(--e),transform .38s var(--spring),visibility .28s;
}
.feature-guide-float.open .feature-guide-drawer{
  pointer-events:auto;
  opacity:1;
  visibility:visible;
  transform:translateY(-50%) translateX(0) scale(1);
}
.feature-guide-float.open .guide-orb{
  opacity:0;
  pointer-events:none;
  transform:translateX(18px) scale(.96);
}
.guide-drawer-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.guide-drawer-head h3{
  margin-top:12px;
  max-width:15ch;
  font-family:var(--ff-d);
  font-size:1.7rem;
  letter-spacing:-.045em;
  line-height:1.02;
}
.guide-drawer-head p{
  margin-top:8px;
  max-width:38ch;
  color:var(--fg2);
  font-size:.8rem;
  line-height:1.45;
}
.guide-drawer-close{
  width:38px;height:38px;flex:0 0 auto;
  border:1px solid var(--edge);border-radius:12px;background:var(--glass2);
  font-size:1.1rem;color:var(--fg2);
}
.guide-comfort{
  display:flex;flex-wrap:wrap;gap:6px;
  margin-top:16px;
}
.guide-comfort span{
  display:inline-flex;align-items:center;gap:6px;
  min-height:29px;padding:5px 8px;
  border:1px solid var(--edge2);border-radius:999px;
  background:var(--glass2);color:var(--fg3);
  font-size:.61rem;
}
.guide-comfort i{
  width:5px;height:5px;border-radius:50%;background:var(--aqua);
}
.guide-input-wrap--drawer{
  margin-top:16px!important;
}
.guide-input-actions{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
}
.guide-input-actions>span{
  color:var(--fg3);font-size:.60rem;
}
.guide-input-actions .guide-go{
  min-width:112px;padding:9px 12px;
}
.guide-examples--drawer{
  margin-top:10px!important;
}
.guide-answer{
  margin-top:16px!important;
}
.guide-footer{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:15px;padding-top:12px;border-top:1px solid var(--edge2);
}
.guide-footer span{color:var(--fg3);font-size:.64rem}
.guide-footer button{
  color:var(--aqua);font-size:.66rem;font-weight:800;
}

/* Result explanation */
.guide-result{
  grid-template-columns:36px 1fr auto!important;
}
.guide-result small{
  line-height:1.35;
}
.guide-result.primary{
  box-shadow:0 10px 24px -22px var(--tint);
}

/* Main cards gain room and feel calmer */
.cap-card{
  min-height:224px;
}
.cap-card h3{
  font-size:1.42rem;
}
.cap-card p{
  max-width:36ch;
}
.group-intro{
  padding:28px 30px;
}

/* Controlled active transition */
.group-intro,
.card-grid,
.detail{
  transition:opacity .22s var(--e),transform .28s var(--spring);
}
.group-main.is-switching .group-intro,
.group-main.is-switching .card-grid{
  opacity:.58;
  transform:translateY(4px);
}

/* Keep floating guide away from top/bottom content */
@media(max-height:700px){
  .feature-guide-float{top:auto;bottom:26px;transform:none}
  .feature-guide-drawer{top:auto;bottom:0;transform:translateX(18px) scale(.985)}
  .feature-guide-float.open .feature-guide-drawer{transform:none}
}

/* Tablet */
@media(max-width:1050px){
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .feature-guide-float{
    right:18px;
    top:auto;
    bottom:26px;
    transform:none;
  }
  .feature-guide-drawer{
    top:auto;
    bottom:0;
    transform:translateX(18px) scale(.985);
    max-height:min(74vh,690px);
  }
  .feature-guide-float.open .feature-guide-drawer{transform:none}
}

/* Mobile = bottom sheet */
@media(max-width:700px){
  .card-grid{grid-template-columns:1fr!important}
  .feature-guide-float{
    left:12px;
    right:12px;
    bottom:calc(12px + env(safe-area-inset-bottom,0px));
    width:auto;
  }
  .guide-orb{
    min-width:0;
    width:auto;
    margin-left:auto;
    grid-template-columns:38px 1fr auto;
    min-height:54px;
    padding:7px 10px 7px 8px;
  }
  .guide-orb-icon{width:38px;height:38px}
  .feature-guide-drawer{
    position:fixed;
    left:10px;right:10px;bottom:10px;
    width:auto;
    max-height:min(82vh,720px);
    border-radius:24px;
    transform:translateY(22px) scale(.985);
  }
  .feature-guide-float.open .feature-guide-drawer{
    transform:none;
  }
  .guide-drawer-head h3{font-size:1.55rem}
  .guide-comfort{display:grid;grid-template-columns:1fr 1fr}
  .guide-comfort span:last-child{grid-column:1/-1}
  .guide-examples--drawer{grid-template-columns:1fr 1fr!important}
  .guide-input-actions>span{display:none}
  .guide-input-actions .guide-go{width:100%}
}

/* Light mode */
[data-theme="light"] .guide-orb{
  background:rgba(255,255,255,.92);
  box-shadow:0 20px 50px -30px rgba(34,42,90,.32),0 0 28px -22px rgba(31,191,174,.5);
}
[data-theme="light"] .feature-guide-drawer{
  background:
    radial-gradient(90% 85% at 0% 0%,rgba(63,224,200,.06),transparent 65%),
    rgba(255,255,255,.96);
}
[data-theme="light"] .guide-orb-icon{color:#149B8A}


/* =====================================================================
   V4 · SENSORY OPERATING SPACE
   Rebuilt from the homepage atmosphere: layered aurora, moving orbs,
   spring depth, cursor sheen and controlled signal motion.
   ===================================================================== */

/* stronger homepage atmosphere */
.aurora{
  opacity:1!important;
  transform:translate3d(var(--ambient-x,0),var(--ambient-y,0),0);
  transition:opacity .6s var(--e);
}
.aurora i{
  filter:blur(90px)!important;
  opacity:.46!important;
  will-change:transform;
}
.aurora i:nth-child(1){
  width:52vw!important;height:52vw!important;left:-12vw!important;top:-14vw!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--peri) 76%,#0D7A59),transparent 66%)!important;
  animation:featAur1 26s var(--e) infinite!important;
}
.aurora i:nth-child(2){
  width:46vw!important;height:46vw!important;right:-14vw!important;top:4vw!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 78%,#075A43),transparent 66%)!important;
  animation:featAur2 32s var(--e) infinite!important;
}
.aurora i:nth-child(3){
  width:44vw!important;height:44vw!important;left:22vw!important;bottom:-18vw!important;
  background:radial-gradient(circle,var(--violet),transparent 66%)!important;
  animation:featAur3 29s var(--e) infinite!important;
}
.aurora::after{
  content:"";
  position:absolute;
  width:34vw;height:34vw;right:8vw;bottom:2vw;border-radius:50%;
  background:radial-gradient(circle,var(--coral),transparent 66%);
  filter:blur(90px);opacity:.42;
  animation:featAur1 35s var(--e) infinite reverse;
}
@keyframes featAur1{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(6vw,7vh,0) scale(1.14)}}
@keyframes featAur2{0%,100%{transform:translate3d(0,0,0) scale(1.06)}50%{transform:translate3d(-7vw,5vh,0) scale(.92)}}
@keyframes featAur3{0%,100%{transform:translate3d(0,0,0) scale(.96)}50%{transform:translate3d(5vw,-6vh,0) scale(1.16)}}
.grid-bg{opacity:.05!important}

/* homepage-style lit sheen */
.lit{position:relative}
.lit::after{
  content:"";
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:radial-gradient(360px circle at var(--mx,50%) var(--my,0%),color-mix(in srgb,var(--tint,var(--peri)) 20%,transparent),transparent 62%);
  opacity:0;transition:opacity .35s var(--e);
}
.lit:hover::after,.lit.is-press::after{opacity:1}

/* hero visual */
.space-scene{
  position:relative;
  min-height:520px;
  perspective:1400px;
  display:grid;
  place-items:center;
}
.space-field{
  width:min(100%,570px);
  aspect-ratio:1.08/1;
  border-radius:32px!important;
  position:relative;
  transform-style:preserve-3d;
  overflow:hidden;
  background:
    radial-gradient(55% 58% at 50% 48%,rgba(63,224,200,.06),transparent 70%),
    radial-gradient(62% 72% at 12% 4%,rgba(124,124,255,.11),transparent 68%),
    radial-gradient(55% 68% at 96% 82%,rgba(255,158,122,.08),transparent 72%),
    var(--glass)!important;
  box-shadow:
    0 48px 110px -46px rgba(0,14,9,.94),
    0 0 0 1px var(--edge2),
    0 0 86px -58px var(--aqua);
  transition:transform .18s linear,box-shadow .45s var(--e);
  will-change:transform;
}
.space-field::before{
  content:"";
  position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(155deg,var(--glasshi),transparent 28%);
  opacity:.44;
}
.space-grid{
  position:absolute;inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);
  background-size:42px 42px;
  mask-image:radial-gradient(circle at 50% 50%,#000 18%,transparent 78%);
  opacity:.68;
}
.space-halo{
  position:absolute;border-radius:50%;filter:blur(44px);pointer-events:none;opacity:.28;
}
.halo-a{width:180px;height:180px;left:7%;top:6%;background:var(--peri);animation:haloFloatA 13s ease-in-out infinite}
.halo-b{width:190px;height:190px;right:4%;bottom:7%;background:var(--aqua);animation:haloFloatB 16s ease-in-out infinite}
.halo-c{width:140px;height:140px;right:15%;top:10%;background:var(--coral);animation:haloFloatA 18s ease-in-out infinite reverse}
@keyframes haloFloatA{50%{transform:translate3d(28px,22px,0) scale(1.14)}}
@keyframes haloFloatB{50%{transform:translate3d(-24px,-18px,0) scale(.92)}}

.orbit{
  position:absolute;left:50%;top:50%;border:1px solid rgba(255,255,255,.075);border-radius:50%;
  transform:translate(-50%,-50%) rotate(var(--rot,0deg));
  pointer-events:none;
}
.orbit-1{width:78%;height:53%;--rot:-17deg}
.orbit-2{width:61%;height:78%;--rot:28deg;border-color:rgba(63,224,200,.085)}
.orbit-3{width:88%;height:34%;--rot:12deg;border-color:rgba(124,124,255,.08)}
.orbit::after{
  content:"";
  position:absolute;width:6px;height:6px;border-radius:50%;background:var(--aqua);
  left:12%;top:8%;box-shadow:0 0 0 6px rgba(63,224,200,.08),0 0 20px var(--aqua);
  animation:orbitPulse 3s ease-in-out infinite;
}
@keyframes orbitPulse{50%{opacity:.35;transform:scale(.65)}}

.space-core{
  position:absolute;left:50%;top:50%;width:154px;height:154px;
  transform:translate(-50%,-50%) translateZ(48px);
  border-radius:50%;display:grid;place-items:center;
  background:
    radial-gradient(circle at 38% 28%,rgba(255,255,255,.14),transparent 28%),
    radial-gradient(circle,color-mix(in srgb,var(--aqua) 12%,var(--bg2)),var(--bg2) 70%);
  border:1px solid color-mix(in srgb,var(--aqua) 35%,var(--edge));
  box-shadow:0 0 72px -24px var(--aqua),inset 0 0 36px rgba(63,224,200,.055);
}
.space-core-ring{
  position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--aqua) 18%,transparent);
}
.ring-a{inset:-12px;animation:coreRing 4.8s ease-out infinite}
.ring-b{inset:-27px;animation:coreRing 4.8s ease-out infinite -1.6s}
.ring-c{inset:-44px;animation:coreRing 4.8s ease-out infinite -3.2s}
@keyframes coreRing{0%{transform:scale(.88);opacity:.8}100%{transform:scale(1.16);opacity:0}}
.space-core-inner{text-align:center;position:relative;z-index:2}
.space-core-inner span{display:block;font-family:var(--ff-m);font-size:.48rem;letter-spacing:.18em;color:var(--fg3)}
.space-core-inner strong{display:block;font-family:var(--ff-d);font-size:2.1rem;line-height:.92;letter-spacing:-.08em;background:linear-gradient(120deg,var(--peri),var(--aqua));-webkit-background-clip:text;background-clip:text;color:transparent}
.space-core-inner small{display:block;margin-top:7px;font-family:var(--ff-m);font-size:.42rem;letter-spacing:.1em;color:var(--fg3)}

.space-orb{
  position:absolute;
  min-width:118px;
  padding:11px 12px 10px 34px;
  border:1px solid color-mix(in srgb,var(--tint) 24%,var(--edge));
  border-radius:16px;
  background:color-mix(in srgb,var(--bg2) 82%,transparent);
  backdrop-filter:blur(18px) saturate(1.35);
  -webkit-backdrop-filter:blur(18px) saturate(1.35);
  box-shadow:0 18px 36px -28px var(--tint);
  text-align:left;
  transition:border-color .3s var(--e),background .3s var(--e),box-shadow .35s var(--e),filter .3s var(--e);
  animation:orbFloat 8.6s var(--e) infinite;
  animation-delay:var(--delay);
  transform:translateZ(34px);
  z-index:4;
}
.space-orb i{
  position:absolute;left:12px;top:16px;width:10px;height:10px;border-radius:50%;
  background:var(--tint);
  box-shadow:0 0 0 6px color-mix(in srgb,var(--tint) 13%,transparent),0 0 19px var(--tint);
}
.space-orb b{display:block;font-family:var(--ff-d);font-size:.86rem;letter-spacing:-.025em}
.space-orb small{display:block;margin-top:2px;color:var(--fg3);font-size:.54rem}
.space-orb:hover,.space-orb.active{
  border-color:color-mix(in srgb,var(--tint) 52%,var(--edge));
  background:color-mix(in srgb,var(--tint) 7%,var(--bg2));
  box-shadow:0 22px 48px -27px var(--tint),0 0 28px -20px var(--tint);
  filter:brightness(1.06);
}
.space-orb.active i{animation:activeOrbPulse 1.8s ease-out infinite}
@keyframes activeOrbPulse{
  0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--tint) 28%,transparent),0 0 18px var(--tint)}
  100%{box-shadow:0 0 0 12px transparent,0 0 28px color-mix(in srgb,var(--tint) 35%,transparent)}
}
@keyframes orbFloat{0%,100%{margin-top:0}50%{margin-top:-12px}}

.orb-work{left:5%;top:18%}
.orb-communicate{right:3%;top:16%}
.orb-automate{right:1%;bottom:18%}
.orb-build{left:7%;bottom:13%}
.orb-intelligence{left:50%;top:4%;margin-left:-59px}
.orb-control{left:50%;bottom:2%;margin-left:-59px}

.signal-flow{
  position:absolute;width:9px;height:9px;border-radius:50%;pointer-events:none;z-index:3;
  background:var(--aqua);
  box-shadow:0 0 0 5px rgba(63,224,200,.10),0 0 22px var(--aqua);
}
.flow-a{animation:signalA 7.5s linear infinite}
.flow-b{background:var(--peri);box-shadow:0 0 0 5px rgba(124,124,255,.10),0 0 22px var(--peri);animation:signalB 9.2s linear infinite -3s}
.flow-c{background:var(--coral);box-shadow:0 0 0 5px rgba(255,158,122,.10),0 0 22px var(--coral);animation:signalC 8.4s linear infinite -5s}
@keyframes signalA{
  0%{left:14%;top:30%;opacity:0}10%{opacity:1}46%{left:48%;top:49%}58%{left:52%;top:51%}92%{left:84%;top:70%;opacity:1}100%{left:87%;top:73%;opacity:0}
}
@keyframes signalB{
  0%{right:15%;top:25%;opacity:0}12%{opacity:1}48%{right:48%;top:49%}62%{right:51%;top:52%}92%{right:78%;top:82%;opacity:1}100%{right:81%;top:85%;opacity:0}
}
@keyframes signalC{
  0%{left:18%;bottom:18%;opacity:0}12%{opacity:1}48%{left:48%;bottom:48%}62%{left:52%;bottom:52%}92%{left:75%;bottom:82%;opacity:1}100%{left:77%;bottom:85%;opacity:0}
}

.space-caption{
  position:absolute;left:50%;bottom:18px;transform:translateX(-50%);
  display:flex;align-items:center;gap:8px;padding:7px 11px;border:1px solid var(--edge2);
  border-radius:999px;background:var(--glass2);backdrop-filter:blur(12px);
  font-family:var(--ff-m);font-size:.52rem;letter-spacing:.08em;color:var(--fg3);white-space:nowrap;
}
.space-caption i{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);animation:captionPulse 2s ease-in-out infinite}
@keyframes captionPulse{50%{opacity:.4}}

/* richer explorer stage */
.group-rail{
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--glass) 90%,transparent),var(--glass2))!important;
  backdrop-filter:blur(24px) saturate(1.45)!important;
  -webkit-backdrop-filter:blur(24px) saturate(1.45)!important;
  box-shadow:0 24px 56px -42px rgba(0,0,0,.9),inset 0 1px rgba(255,255,255,.035)!important;
}
.group-tab{
  overflow:hidden;
}
.group-tab::after{
  content:"";
  position:absolute;inset:auto 14px 8px;height:1px;border-radius:2px;
  background:linear-gradient(90deg,transparent,var(--tint),transparent);
  transform:scaleX(0);opacity:0;transition:.35s var(--e);
}
.group-tab[aria-selected=true]::after{transform:scaleX(1);opacity:.8}

.group-intro{
  background:
    radial-gradient(46% 120% at 90% 0%,color-mix(in srgb,var(--tint) 10%,transparent),transparent 72%),
    var(--glass2)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 26px 58px -46px var(--tint);
}
.group-intro::before{
  content:"";
  position:absolute;left:0;top:0;bottom:0;width:2px;
  background:linear-gradient(180deg,transparent,var(--tint),transparent);
  opacity:.8;
}

.cap-card{
  background:
    radial-gradient(88% 90% at 90% 0%,color-mix(in srgb,var(--tint) 5%,transparent),transparent 68%),
    var(--glass2)!important;
  backdrop-filter:blur(14px);
  box-shadow:0 22px 48px -42px rgba(0,0,0,.86);
}
.cap-card::after{
  content:"";
  position:absolute;left:18px;right:18px;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--tint) 40%,transparent),transparent);
  opacity:.16;transition:opacity .3s var(--e),transform .35s var(--e);
  transform:scaleX(.45);
}
.cap-card:hover::after,.cap-card.active::after{opacity:.9;transform:scaleX(1)}
.cap-mark{
  position:relative;
}
.cap-mark::after{
  content:"";position:absolute;inset:-7px;border-radius:16px;border:1px solid color-mix(in srgb,var(--tint) 12%,transparent);
  animation:capRing 4s ease-out infinite;
}
@keyframes capRing{0%{transform:scale(.86);opacity:.55}100%{transform:scale(1.28);opacity:0}}

.detail{
  background:
    radial-gradient(64% 90% at 96% 0%,color-mix(in srgb,var(--detail-tint) 9%,transparent),transparent 68%),
    var(--glass)!important;
  backdrop-filter:blur(20px);
  box-shadow:0 32px 75px -48px var(--detail-tint);
}
.connection-core{
  animation:detailCore 3.4s ease-in-out infinite;
}
@keyframes detailCore{50%{box-shadow:0 0 72px -22px var(--detail-tint);transform:scale(1.025)}}
.connect-chip{
  animation:detailChip 6s ease-in-out infinite!important;
}
.connect-chip:nth-of-type(3){animation-delay:-1.5s!important}
.connect-chip:nth-of-type(4){animation-delay:-3s!important}
.connect-chip:nth-of-type(5){animation-delay:-4.5s!important}
@keyframes detailChip{50%{transform:translateY(-5px)}}

/* final section gets a soft moving field rather than a blank ending */
.final::before,.final::after{
  content:"";position:absolute;border-radius:50%;filter:blur(70px);pointer-events:none;z-index:-1;
}
.final{position:relative}
.final::before{width:260px;height:260px;left:10%;top:20%;background:color-mix(in srgb,var(--peri) 24%,transparent);animation:finalGlow 11s ease-in-out infinite}
.final::after{width:240px;height:240px;right:12%;bottom:12%;background:color-mix(in srgb,var(--aqua) 20%,transparent);animation:finalGlow 13s ease-in-out infinite reverse}
@keyframes finalGlow{50%{transform:translate3d(30px,-18px,0) scale(1.12)}}

[data-theme="light"] .space-field{
  background:
    radial-gradient(55% 58% at 50% 48%,rgba(63,224,200,.06),transparent 70%),
    radial-gradient(62% 72% at 12% 4%,rgba(124,124,255,.08),transparent 68%),
    radial-gradient(55% 68% at 96% 82%,rgba(255,158,122,.07),transparent 72%),
    rgba(255,255,255,.72)!important;
}
[data-theme="light"] .space-orb{background:rgba(255,255,255,.76)}
[data-theme="light"] .space-grid{background-image:linear-gradient(rgba(11,13,26,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(11,13,26,.025) 1px,transparent 1px)}

@media(max-width:900px){
  .space-scene{min-height:470px}
  .space-field{max-width:560px}
}
@media(max-width:700px){
  .space-scene{min-height:380px}
  .space-field{width:100%;aspect-ratio:1/1;border-radius:25px!important}
  .space-core{width:112px;height:112px}
  .space-core-inner strong{font-size:1.55rem}
  .space-core-ring.ring-c{display:none}
  .space-orb{min-width:82px;padding:9px 8px 8px 27px;border-radius:13px}
  .space-orb i{left:9px;top:13px;width:8px;height:8px}
  .space-orb b{font-size:.68rem}
  .space-orb small{display:none}
  .orb-work{left:2%;top:19%}
  .orb-communicate{right:2%;top:17%}
  .orb-automate{right:1%;bottom:19%}
  .orb-build{left:4%;bottom:16%}
  .orb-intelligence{top:3%;margin-left:-41px}
  .orb-control{bottom:3%;margin-left:-41px}
  .space-caption{bottom:10px;font-size:.46rem}
  .signal-flow{width:7px;height:7px}
}
@media(prefers-reduced-motion:reduce){
  .space-orb,.signal-flow,.space-core-ring,.space-halo,.cap-mark::after,.connect-chip,.connection-core,.final::before,.final::after{animation:none!important}
}


/* =====================================================================
   V5 · FULL POLISH PASS
   Brand integrity, collision-safe Guide, light mode and mobile polish.
   ===================================================================== */

body.menu-open,body.guide-modal-open{overflow:hidden}

/* TheOS is one brand, never visually split into THE / OS. */
.space-core-inner strong{
  display:block!important;
  font-family:var(--ff-d)!important;
  font-size:clamp(1.42rem,2.25vw,1.82rem)!important;
  line-height:.96!important;
  letter-spacing:-.065em!important;
  white-space:nowrap;
  background:linear-gradient(104deg,var(--peri),var(--aqua) 58%,#86E7D6)!important;
  -webkit-background-clip:text!important;background-clip:text!important;color:transparent!important;
}
.space-core-inner small{
  display:block!important;margin-top:8px!important;
  font-family:var(--ff-m)!important;font-size:.39rem!important;
  letter-spacing:.115em!important;color:var(--fg3)!important;
}

/* Circular Guide. The wide pill no longer sits over the hero visual. */
.feature-guide-float{
  width:64px!important;
  right:max(14px,calc(env(safe-area-inset-right,0px) + 10px))!important;
}
.guide-orb{
  width:60px!important;min-width:60px!important;height:60px!important;min-height:60px!important;
  padding:0!important;border-radius:50%!important;
  display:grid!important;grid-template-columns:1fr!important;place-items:center!important;
  overflow:visible!important;
}
.guide-orb-glow{left:-25px!important;top:-25px!important;width:110px!important;height:110px!important}
.guide-orb-icon{
  width:46px!important;height:46px!important;border-radius:50%!important;
  display:grid!important;place-items:center!important;align-content:center!important;
}
.guide-orb-icon b{font-family:var(--ff-d);font-size:1rem;line-height:.95}
.guide-orb-icon small{font-family:var(--ff-m);font-size:.30rem;letter-spacing:.08em;color:var(--fg3);margin-top:2px}
.guide-orb-copy,.guide-orb-arrow{display:none!important}
.guide-orb::after{
  content:"";position:absolute;inset:-7px;border-radius:50%;pointer-events:none;
  border:1px solid color-mix(in srgb,var(--aqua) 22%,transparent);
  animation:guideRing 3.2s ease-out infinite;
}
@keyframes guideRing{0%{transform:scale(.88);opacity:.72}100%{transform:scale(1.25);opacity:0}}
.feature-guide-drawer{width:min(420px,calc(100vw - 34px))!important;right:0!important}
.feature-guide-float.open{width:min(420px,calc(100vw - 34px))!important}

/* Light mode: keep the atmosphere, but make surfaces and contrast intentional. */
[data-theme="light"] .aurora{opacity:.62!important}
[data-theme="light"] .aurora i{opacity:.28!important;filter:blur(104px)!important}
[data-theme="light"] .aurora::after{opacity:.20!important}
[data-theme="light"] .grid-bg{opacity:.035!important}
[data-theme="light"] .topin{
  background:rgba(255,255,255,.78)!important;
  box-shadow:0 18px 45px -34px rgba(32,39,88,.26);
}
[data-theme="light"] .space-field{
  border-color:rgba(28,34,70,.10)!important;
  box-shadow:0 38px 90px -48px rgba(45,55,110,.28),0 0 0 1px rgba(255,255,255,.62)!important;
}
[data-theme="light"] .space-core{
  background:radial-gradient(circle at 38% 28%,rgba(255,255,255,.95),transparent 30%),radial-gradient(circle,rgba(63,224,200,.10),rgba(255,255,255,.9) 72%)!important;
  border-color:rgba(31,171,154,.26)!important;
  box-shadow:0 0 64px -28px rgba(31,171,154,.45),inset 0 0 32px rgba(124,124,255,.04)!important;
}
[data-theme="light"] .space-orb{
  background:rgba(255,255,255,.82)!important;
  border-color:color-mix(in srgb,var(--tint) 23%,rgba(32,39,80,.10))!important;
  box-shadow:0 15px 34px -28px rgba(35,44,96,.35)!important;
}
[data-theme="light"] .space-orb:hover,[data-theme="light"] .space-orb.active{
  background:color-mix(in srgb,var(--tint) 6%,#fff)!important;
  box-shadow:0 20px 42px -30px var(--tint)!important;
}
[data-theme="light"] .group-rail{
  background:rgba(255,255,255,.80)!important;
  border-color:rgba(27,33,70,.09)!important;
}
[data-theme="light"] .group-intro,[data-theme="light"] .cap-card,[data-theme="light"] .detail-box{
  background:rgba(255,255,255,.66)!important;
}
[data-theme="light"] .cap-card{box-shadow:0 20px 48px -42px rgba(40,48,96,.30)!important}
[data-theme="light"] .feature-guide-drawer{
  color:#0B0D1A!important;
  border-color:rgba(24,142,129,.18)!important;
  box-shadow:0 32px 80px -40px rgba(39,48,100,.32),0 0 44px -35px rgba(31,171,154,.45)!important;
}
[data-theme="light"] .guide-input-wrap textarea{background:rgba(246,248,252,.92)!important}
[data-theme="light"] .guide-result{background:rgba(248,249,253,.84)!important}
[data-theme="light"] .guide-result.primary{background:color-mix(in srgb,var(--tint) 5%,#fff)!important}

/* Clear keyboard focus. */
.group-tab:focus-visible,.cap-card:focus-visible,.space-orb:focus-visible,.guide-orb:focus-visible,
.guide-result:focus-visible,.guide-go:focus-visible,.guide-drawer-close:focus-visible{
  outline:2px solid var(--aqua);outline-offset:3px;
}

/* On laptops and tablets, put the Guide at the lower edge instead of across hero content. */
@media(max-width:1420px){
  .feature-guide-float{top:auto!important;bottom:26px!important;transform:none!important}
  .feature-guide-drawer{top:auto!important;bottom:0!important;transform:translateX(16px) scale(.985)!important}
  .feature-guide-float.open .feature-guide-drawer{transform:none!important}
}
@media(max-width:1050px){
  .hero{padding-top:44px!important}
  .hero-grid{gap:42px!important}
  .space-scene{min-height:460px!important}
  .group-rail-wrap{top:76px!important}
  .feature-guide-float{right:16px!important;bottom:20px!important}
}

/* Phone optimization. */
@media(max-width:700px){
  html{scroll-padding-top:76px!important}
  .topbar{padding-top:max(7px,env(safe-area-inset-top,0px))!important}
  .topin{height:56px!important;padding:0 8px 0 12px!important;border-radius:14px!important}
  .brand{font-size:1rem!important}.mark{width:24px!important;height:24px!important}

  .hero{padding:42px 0 62px!important}
  .hero-copy .kicker{margin-bottom:16px!important}
  .d1{font-size:clamp(3rem,16vw,4.5rem)!important;line-height:.91!important}
  .hero-copy .lede{margin-top:20px!important;font-size:.98rem!important}
  .hero-copy .btnrow{margin-top:22px!important;display:grid!important;grid-template-columns:1fr!important}
  .hero-copy .btn{width:100%!important}
  .hero-proof{gap:5px!important;margin-top:14px!important}
  .hero-proof span{font-size:.48rem!important;padding:6px 8px!important}

  .space-scene{min-height:355px!important;margin-top:2px!important}
  .space-field{aspect-ratio:1/1!important;border-radius:24px!important;transform:none!important}
  .space-core{width:104px!important;height:104px!important;transform:translate(-50%,-50%)!important}
  .space-core-inner strong{font-size:1.27rem!important}
  .space-core-inner small{font-size:.30rem!important;margin-top:6px!important}
  .ring-c{display:none!important}.ring-b{inset:-22px!important}
  .orbit-1{width:82%!important;height:55%!important}
  .orbit-2{width:60%!important;height:82%!important}
  .orbit-3{width:88%!important;height:35%!important}
  .space-orb{
    min-width:76px!important;padding:8px 7px 7px 25px!important;border-radius:12px!important;
    animation:orbFloatMobile 8.8s var(--e) infinite!important;animation-delay:var(--delay)!important;transform:none!important;
  }
  .space-orb i{left:8px!important;top:12px!important;width:7px!important;height:7px!important}
  .space-orb b{font-size:.62rem!important}.space-orb small{display:none!important}
  .orb-work{left:2%!important;top:20%!important}
  .orb-communicate{right:1%!important;top:18%!important}
  .orb-automate{right:1%!important;bottom:20%!important}
  .orb-build{left:3%!important;bottom:17%!important}
  .orb-intelligence{left:50%!important;top:3%!important;margin-left:-38px!important}
  .orb-control{left:50%!important;bottom:3%!important;margin-left:-38px!important}
  @keyframes orbFloatMobile{0%,100%{margin-top:0}50%{margin-top:-6px}}
  .space-caption{display:none!important}.signal-flow{width:6px!important;height:6px!important}

  .sec{padding:64px 0!important}
  .sec-head{margin-bottom:24px!important}.sec-head .lede{font-size:.94rem!important}
  .explore-modes{gap:6px!important}
  .explore-modes span{min-height:0!important;padding:9px 10px!important;font-size:.69rem!important}

  /* Keep all six groups visible, but do not let the selector cover half the phone while scrolling. */
  .group-rail-wrap{position:relative!important;top:auto!important;padding:0 0 10px!important;background:none!important;backdrop-filter:none!important}
  .group-rail{grid-template-columns:repeat(2,minmax(0,1fr))!important;padding:7px!important;border-radius:16px!important}
  .group-tab{min-height:54px!important;padding:8px 9px!important}
  .group-tab small{font-size:.42rem!important}.group-tab b{font-size:.77rem!important}

  .group-intro{padding:19px!important;border-radius:17px!important}
  .group-intro h2{font-size:2rem!important;max-width:18ch!important}
  .group-intro p{font-size:.86rem!important;line-height:1.5!important}
  .card-grid{gap:8px!important}
  .cap-card{min-height:172px!important;padding:16px!important;border-radius:17px!important}
  .cap-mark{width:40px!important;height:40px!important}
  .cap-card h3{font-size:1.2rem!important;margin-top:24px!important}
  .cap-card p{font-size:.79rem!important}.cap-open{margin-top:13px!important}

  .detail{border-radius:20px!important}
  .detail-head{padding:20px!important}
  .detail-head h3{font-size:2.2rem!important;max-width:12ch!important}
  .detail-head>p{font-size:.88rem!important}
  .detail-body{padding:8px!important;gap:8px!important}
  .detail-box{padding:16px!important}
  .connection-map{min-height:210px!important}
  .connection-core{width:100px!important;height:100px!important}

  /* Circular Guide becomes a bottom sheet only after the user taps it. */
  .feature-guide-float{left:auto!important;right:12px!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;width:58px!important}
  .guide-orb{width:56px!important;min-width:56px!important;height:56px!important;min-height:56px!important}
  .guide-orb-icon{width:43px!important;height:43px!important}
  .feature-guide-float.open{left:10px!important;right:10px!important;width:auto!important}
  .feature-guide-drawer{
    left:0!important;right:0!important;bottom:0!important;width:auto!important;
    max-height:min(82dvh,720px)!important;padding:17px!important;border-radius:22px!important;overscroll-behavior:contain;
  }
  .guide-drawer-head h3{font-size:1.42rem!important}
  .guide-drawer-head p{font-size:.75rem!important}
  .guide-comfort{grid-template-columns:1fr!important}
  .guide-comfort span:last-child{grid-column:auto!important}
  .guide-examples--drawer{grid-template-columns:1fr 1fr!important}
  .guide-examples button{font-size:.58rem!important;padding:7px!important}
  .guide-input-wrap textarea{min-height:80px!important;font-size:.78rem!important}
  .guide-footer{align-items:flex-start!important;flex-direction:column!important}
}
@media(max-width:390px){
  :root{--gut:14px!important}
  .d1{font-size:clamp(2.72rem,15vw,3.7rem)!important}
  .space-scene{min-height:330px!important}
  .space-orb{min-width:70px!important;padding-left:23px!important}
  .space-orb b{font-size:.57rem!important}
  .group-tab b{font-size:.72rem!important}
  .guide-examples--drawer{grid-template-columns:1fr!important}
}

/* Motion off means genuinely calm. */
html.motion-paused .space-orb,html.motion-paused .signal-flow,html.motion-paused .space-core-ring,
html.motion-paused .space-halo,html.motion-paused .guide-orb::after,html.motion-paused .cap-mark::after,
html.motion-paused .connect-chip,html.motion-paused .connection-core,html.motion-paused .aurora i,
html.motion-paused .aurora::after{animation:none!important}
@media(prefers-reduced-motion:reduce){
  .guide-orb::after{animation:none!important}
  .space-field{transform:none!important}
}


/* =====================================================================
   V6 · GUIDE SIDECAR + DISTINCT CAPABILITY VISUALS
   ===================================================================== */
:root{--guide-sidecar-w:430px}

/* The trigger is a moving guide marker, not a chatbot in a corner. */
.feature-guide-float{
  top:var(--guide-y,50vh)!important;
  bottom:auto!important;
  right:max(10px,calc(env(safe-area-inset-right,0px) + 8px))!important;
  transform:translateY(-50%)!important;
  transition:top .58s var(--spring),right .35s var(--e),width .35s var(--e)!important;
  z-index:210!important;
}
.guide-orb{
  box-shadow:0 18px 42px -26px rgba(0,0,0,.72),0 0 28px -17px var(--aqua)!important;
}
.guide-orb::before{
  content:"USE CASE GUIDE";
  position:absolute;right:68px;top:50%;transform:translateY(-50%) translateX(8px);
  padding:6px 9px;border:1px solid var(--edge);border-radius:999px;
  background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(14px);
  color:var(--fg2);font-family:var(--ff-m);font-size:.45rem;letter-spacing:.08em;
  white-space:nowrap;opacity:0;pointer-events:none;transition:.24s var(--e);
}
.guide-orb:hover::before,.guide-orb:focus-visible::before{opacity:1;transform:translateY(-50%) translateX(0)}

/* True right sidecar: full height, flush to the browser edge. */
.feature-guide-drawer{
  position:fixed!important;
  top:0!important;right:0!important;bottom:0!important;left:auto!important;
  width:var(--guide-sidecar-w)!important;max-width:92vw!important;
  height:100dvh!important;max-height:none!important;
  padding:0!important;
  border:0!important;border-left:1px solid var(--edge)!important;
  border-radius:0!important;
  background:
    radial-gradient(120% 70% at 0% 0%,color-mix(in srgb,var(--aqua) 7%,transparent),transparent 58%),
    color-mix(in srgb,var(--bg2) 98%,transparent)!important;
  box-shadow:-30px 0 70px -48px rgba(0,0,0,.9),-1px 0 0 color-mix(in srgb,var(--aqua) 12%,transparent)!important;
  transform:translateX(102%)!important;opacity:1!important;visibility:visible!important;
  display:grid!important;grid-template-rows:auto 1fr auto!important;
  overflow:hidden!important;pointer-events:none!important;
  transition:transform .48s var(--spring)!important;
  z-index:240!important;
}
.feature-guide-float.open .feature-guide-drawer{
  transform:none!important;pointer-events:auto!important;
}
.feature-guide-float.open .guide-orb{opacity:0!important;pointer-events:none!important}

/* On roomy screens the website yields space, exactly like a docked sidecar. */
@media(min-width:1181px){
  body.guide-sidecar-open main,
  body.guide-sidecar-open .topbar{
    margin-right:var(--guide-sidecar-w);
    transition:margin-right .48s var(--spring);
  }
  main,.topbar{transition:margin-right .48s var(--spring)}
}

.guide-sidecar-head{
  min-height:74px;padding:18px 18px 16px 22px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-bottom:1px solid var(--edge);
  background:color-mix(in srgb,var(--bg2) 86%,transparent);
  backdrop-filter:blur(18px);
}
.guide-sidecar-scroll{
  min-height:0;overflow:auto;padding:22px;
  scrollbar-width:thin;
}
.guide-step{
  display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:start;
}
.guide-step-no{
  width:38px;height:38px;border-radius:12px;display:grid;place-items:center;
  border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));
  background:color-mix(in srgb,var(--aqua) 5%,var(--glass2));
  color:var(--aqua);font-family:var(--ff-m);font-size:.58rem;
}
.guide-step small{
  display:block;font-family:var(--ff-m);font-size:.51rem;letter-spacing:.10em;color:var(--aqua)
}
.guide-step h3{
  margin-top:8px;font-size:1.65rem;line-height:1.02;max-width:14ch
}
.guide-step p{margin-top:8px;color:var(--fg2);font-size:.78rem;line-height:1.48}
.guide-input-wrap--drawer{
  margin:18px 0 0 54px!important;padding:0!important
}
.guide-input-wrap--drawer label{
  display:block;margin-bottom:7px;color:var(--fg3);font-size:.63rem;font-weight:700
}
.guide-input-wrap--drawer textarea{
  min-height:112px!important;border-radius:15px!important
}
.guide-input-actions{align-items:flex-end!important}
.guide-input-actions .guide-go{min-width:190px!important}
.guide-examples--drawer{
  margin:12px 0 24px 54px!important;
}
.guide-step-results{
  padding-top:20px;border-top:1px solid var(--edge2)
}
.guide-step-results>div{min-width:0}
.guide-step-results .guide-answer{
  margin-top:11px!important;padding-top:0!important;border-top:0!important
}
.guide-sidecar-foot{
  min-height:64px;padding:14px 20px;
  display:flex;align-items:center;justify-content:space-between;gap:12px;
  border-top:1px solid var(--edge);
  background:color-mix(in srgb,var(--bg2) 92%,transparent);
}
.guide-sidecar-foot span{color:var(--fg3);font-size:.64rem}
.guide-sidecar-foot button{color:var(--aqua);font-size:.67rem;font-weight:800}
.guide-results{gap:7px!important}
.guide-result{
  min-height:58px!important;border-radius:13px!important
}
.guide-result em{font-size:.55rem!important}

/* ------------------------------------------------------------------
   Expanded capability: stop repeating the same 4-card template.
   ------------------------------------------------------------------ */
.detail{overflow:visible!important;background:transparent!important;border:0!important;box-shadow:none!important}
.detail-shell{
  border:1px solid var(--edge);border-radius:26px;overflow:hidden;
  background:
    radial-gradient(70% 90% at 92% 0%,color-mix(in srgb,var(--detail-tint) 8%,transparent),transparent 70%),
    var(--glass);
  backdrop-filter:blur(20px);box-shadow:0 34px 76px -54px var(--detail-tint);
}
.detail-head-v6{
  border-bottom:0!important;padding:clamp(26px,4vw,44px)!important;
}
.detail-head-v6 h3{max-width:14ch!important}
.detail-experience{
  display:grid;grid-template-columns:1.05fr .95fr;gap:0;align-items:stretch;
  border-top:1px solid var(--edge2);border-bottom:1px solid var(--edge2)
}
.detail-layout-right .capability-visual{order:2}
.detail-layout-right .detail-outcomes{order:1}
.detail-layout-wide .detail-experience{grid-template-columns:1fr}
.detail-layout-wide .capability-visual{min-height:360px}
.capability-visual{
  min-height:310px;position:relative;display:grid;place-items:center;overflow:hidden;
  background:
    radial-gradient(70% 90% at 50% 50%,color-mix(in srgb,var(--detail-tint) 8%,transparent),transparent 70%),
    color-mix(in srgb,var(--bg2) 58%,transparent);
}
.capability-visual::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.05;
  background-image:linear-gradient(var(--fg) 1px,transparent 1px),linear-gradient(90deg,var(--fg) 1px,transparent 1px);
  background-size:34px 34px;mask-image:radial-gradient(circle,#000 20%,transparent 82%)
}
.detail-outcomes{
  padding:clamp(24px,3.5vw,38px);display:flex;flex-direction:column;justify-content:center;
  background:var(--glass2)
}
.detail-outcomes>small,.detail-intelligence-band small{
  font-family:var(--ff-m);font-size:.52rem;letter-spacing:.10em;color:var(--detail-tint)
}
.detail-outcomes h4{font-size:1.55rem;margin-top:9px}
.detail-list-v6{margin-top:20px!important}
.detail-intelligence-band{
  display:grid;grid-template-columns:1fr 1fr .9fr;
  gap:0;background:var(--glass2)
}
.detail-intelligence-band section{
  padding:22px 24px;min-height:170px;border-right:1px solid var(--edge2)
}
.detail-intelligence-band section:last-child{border-right:0}
.detail-intelligence-band strong{
  display:block;margin-top:8px;font-family:var(--ff-d);font-size:1.02rem;letter-spacing:-.025em
}
.detail-intelligence-band p{margin-top:8px;color:var(--fg2);font-size:.78rem;line-height:1.5}
.detail-connect>div{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.detail-connect span{
  padding:6px 8px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass);
  color:var(--fg2);font-size:.62rem
}

/* ------------------------------------------------------------------
   30 distinct miniature feature visuals
   ------------------------------------------------------------------ */
.capability-visual>div{position:relative;z-index:2}

/* Documents */
.v-doc{width:78%;height:74%}.v-doc-page{position:absolute;inset:4% 24% 2% 4%;border:1px solid var(--edge);border-radius:12px;background:var(--glass);padding:20px;box-shadow:18px 20px 60px -34px var(--detail-tint);transform:rotate(-2deg)}
.v-doc-page>i{display:block;height:7px;border-radius:8px;background:var(--edge);margin:12px 0}.v-doc-page>i:nth-child(2){width:72%}.v-doc-page>i:nth-child(3){width:86%}
.v-doc-table{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:18px}.v-doc-table span{height:42px;border:1px solid var(--edge2);border-radius:6px;background:color-mix(in srgb,var(--detail-tint) 5%,var(--glass2))}
.v-doc-ai{position:absolute;right:2%;top:20%;width:92px;height:92px;border-radius:24px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 10%,var(--bg2));border:1px solid color-mix(in srgb,var(--detail-tint) 38%,var(--edge));font-family:var(--ff-d);font-weight:800;color:var(--detail-tint);animation:visFloat 5s ease-in-out infinite}.v-doc-ai div{font-family:var(--ff-m);font-size:.46rem;font-weight:500;color:var(--fg3)}

/* Files */
.v-files{width:82%;height:72%}.v-file-search{position:absolute;left:9%;right:9%;top:4%;height:48px;border-radius:14px;border:1px solid var(--edge);background:var(--glass);padding:13px 16px;color:var(--fg2);font-size:.72rem}
.vf{position:absolute;width:70px;height:70px;border-radius:16px;display:grid;place-items:center;border:1px solid var(--edge);background:var(--glass);font-family:var(--ff-m);font-size:.55rem}.vf.f1{left:4%;bottom:10%}.vf.f2{left:29%;bottom:4%}.vf.f3{right:25%;bottom:12%}.vf.f4{right:2%;bottom:2%;color:var(--detail-tint)}
.v-file-beam{position:absolute;left:50%;top:32%;width:2px;height:42%;background:linear-gradient(var(--detail-tint),transparent);box-shadow:0 0 12px var(--detail-tint);animation:beamSweep 3.4s ease-in-out infinite}

/* Canvas */
.v-canvas{width:86%;height:78%}.vc{position:absolute;padding:10px 14px;border:1px solid var(--edge);border-radius:14px;background:var(--glass);font-size:.72rem}.vc.n1{left:4%;top:13%}.vc.n2{right:5%;top:8%}.vc.n3{left:24%;bottom:8%}.vc.n4{right:14%;bottom:16%;color:var(--detail-tint)}
.vl{position:absolute;height:1px;background:linear-gradient(90deg,transparent,var(--detail-tint),transparent);transform-origin:left}.vl.l1{left:19%;top:31%;width:58%;transform:rotate(-7deg)}.vl.l2{left:23%;top:40%;width:50%;transform:rotate(44deg)}.vl.l3{left:42%;bottom:30%;width:38%;transform:rotate(-18deg)}

/* Browser */
.v-browser{width:82%;height:72%;border:1px solid var(--edge);border-radius:18px;background:var(--glass);padding:16px;box-shadow:0 24px 60px -42px var(--detail-tint)}
.vb-top{height:40px;border-bottom:1px solid var(--edge2);display:flex;align-items:center;gap:9px}.vb-top i{width:7px;height:7px;border-radius:50%;background:var(--detail-tint)}.vb-top span{font-family:var(--ff-m);font-size:.55rem;color:var(--fg3)}
.vb-result{height:28px;border:1px solid var(--edge2);border-radius:8px;margin-top:11px;background:var(--glass2)}.vb-result.r2{width:86%}.vb-result.r3{width:70%}.vb-save{position:absolute;right:8%;bottom:8%;padding:8px 10px;border-radius:999px;background:color-mix(in srgb,var(--detail-tint) 12%,var(--glass));color:var(--detail-tint);font-size:.58rem}

/* Meetings */
.v-meeting{width:86%;height:75%;display:grid;align-content:center}.vm-wave{height:120px;display:flex;align-items:center;justify-content:center;gap:5px}.vm-wave i{width:5px;border-radius:5px;background:linear-gradient(var(--detail-tint),color-mix(in srgb,var(--detail-tint) 22%,transparent));animation:wave 1.4s ease-in-out infinite}.vm-wave i:nth-child(3n){height:68%}.vm-wave i:nth-child(3n+1){height:34%}.vm-wave i:nth-child(3n+2){height:88%;animation-delay:-.3s}
.vm-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap}.vm-actions span{padding:7px 10px;border:1px solid var(--edge);border-radius:999px;background:var(--glass);font-size:.61rem}

/* Messaging */
.v-chat{width:80%;height:74%;display:flex;flex-direction:column;justify-content:center;gap:10px}.msg{max-width:72%;padding:11px 13px;border:1px solid var(--edge);border-radius:14px;background:var(--glass);font-size:.68rem}.msg.right{align-self:flex-end;background:color-mix(in srgb,var(--detail-tint) 7%,var(--glass))}.msg.small{max-width:56%;color:var(--fg3)}.chat-pulse{position:absolute;right:12%;top:14%;width:9px;height:9px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 0 7px color-mix(in srgb,var(--detail-tint) 13%,transparent),0 0 20px var(--detail-tint);animation:visPulse 2s ease-out infinite}

/* Channels */
.v-channels{width:86%;height:78%}.vch-core{position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-50px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--detail-tint) 38%,var(--edge));background:color-mix(in srgb,var(--detail-tint) 8%,var(--bg2));font-family:var(--ff-d);font-weight:800}.ch{position:absolute;padding:8px 11px;border:1px solid var(--edge);border-radius:999px;background:var(--glass);font-size:.62rem}.ch.c1{left:3%;top:10%}.ch.c2{right:3%;top:15%}.ch.c3{left:7%;bottom:12%}.ch.c4{right:3%;bottom:9%}.v-channels>i{position:absolute;inset:15%;border:1px dashed color-mix(in srgb,var(--detail-tint) 24%,transparent);border-radius:50%;animation:spinSlow 14s linear infinite}

/* Voice */
.v-voice{width:82%;height:78%;display:grid;place-items:center}.phone-ring{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--detail-tint) 40%,var(--edge));box-shadow:0 0 0 18px color-mix(in srgb,var(--detail-tint) 5%,transparent),0 0 55px -20px var(--detail-tint)}.phone-ring span{font-family:var(--ff-m);font-size:.55rem;color:var(--detail-tint)}
.voice-wave{position:absolute;left:8%;right:8%;bottom:18%;height:44px;display:flex;align-items:center;justify-content:center;gap:4px}.voice-wave i{width:4px;height:40%;background:var(--detail-tint);border-radius:3px;animation:wave 1.2s ease-in-out infinite}.voice-wave i:nth-child(2n){height:90%;animation-delay:-.4s}.voice-status{position:absolute;top:10%;font-size:.57rem;color:var(--fg3);font-family:var(--ff-m)}

/* Outreach */
.v-outreach{width:88%;height:60%;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;align-items:center;gap:8px}.vo-step{padding:12px 13px;border:1px solid var(--edge);border-radius:13px;background:var(--glass);font-size:.63rem}.vo-step.s4{color:var(--detail-tint);border-color:color-mix(in srgb,var(--detail-tint) 34%,var(--edge))}.v-outreach>i{height:2px;background:linear-gradient(90deg,var(--edge),var(--detail-tint));position:relative;overflow:hidden}.v-outreach>i::after{content:"";position:absolute;width:18px;height:100%;background:#fff;filter:blur(4px);animation:pathFlash 2.8s linear infinite}

/* Presence */
.v-presence{width:80%;height:80%;display:grid;place-items:center}.vp-radar{width:230px;height:230px;border-radius:50%;position:relative;border:1px solid var(--edge)}.vp-radar>i{position:absolute;inset:18%;border:1px solid var(--edge);border-radius:50%}.vp-radar>i:nth-child(2){inset:34%}.vp-radar>i:nth-child(3){inset:0;border-color:color-mix(in srgb,var(--detail-tint) 18%,transparent);animation:spinSlow 9s linear infinite}.person{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 14px var(--detail-tint)}.person.p1{left:18%;top:35%}.person.p2{right:20%;top:23%}.person.p3{right:28%;bottom:20%}.v-presence>b{position:absolute;bottom:4%;font-family:var(--ff-m);font-size:.55rem;color:var(--fg3)}

/* Workflow */
.v-workflow{width:90%;display:grid;grid-template-columns:auto 1fr auto 1fr auto 1fr auto;gap:8px;align-items:center}.v-workflow span{padding:12px 13px;border:1px solid var(--edge);border-radius:13px;background:var(--glass);font-size:.62rem}.v-workflow>i{height:2px;background:var(--edge)}.flow-packet-mini{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 18px var(--detail-tint);animation:packetAcross 4.6s var(--e) infinite}

/* Triggers */
.v-trigger{width:80%;height:78%;display:grid;place-items:center}.vt-core{width:94px;height:94px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--detail-tint) 42%,var(--edge));background:color-mix(in srgb,var(--detail-tint) 8%,var(--bg2));font-family:var(--ff-m);font-size:.54rem;color:var(--detail-tint)}.vt-ring{position:absolute;border:1px solid color-mix(in srgb,var(--detail-tint) 20%,transparent);border-radius:50%;animation:triggerRing 3.6s ease-out infinite}.vt-ring.r1{inset:23%}.vt-ring.r2{inset:10%;animation-delay:-1.8s}.v-trigger>span{position:absolute;padding:6px 8px;border-radius:999px;border:1px solid var(--edge);background:var(--glass);font-size:.56rem}.v-trigger>span:nth-of-type(1){left:0;top:16%}.v-trigger>span:nth-of-type(2){right:0;top:26%}.v-trigger>span:nth-of-type(3){left:13%;bottom:9%}

/* Approvals */
.v-approval{width:88%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px}.va-card{padding:18px;border:1px solid var(--edge);border-radius:15px;background:var(--glass);font-size:.67rem;text-align:center}.va-card.approved{border-color:color-mix(in srgb,var(--detail-tint) 34%,var(--edge));color:var(--detail-tint)}.va-gate{width:86px;height:86px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--detail-tint);box-shadow:0 0 34px -16px var(--detail-tint)}.va-gate span{font-family:var(--ff-m);font-size:.48rem;color:var(--detail-tint)}

/* Agents */
.v-agents{width:78%;height:78%;display:grid;place-items:center}.va-core{width:92px;height:92px;border-radius:22px;display:grid;place-items:center;border:1px solid var(--edge);background:var(--glass);font-family:var(--ff-m);font-size:.55rem}.agent{position:absolute;width:54px;height:54px;border-radius:17px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--detail-tint) 32%,var(--edge));background:color-mix(in srgb,var(--detail-tint) 6%,var(--glass));font-family:var(--ff-m);font-size:.52rem}.agent.a1{left:5%;top:8%}.agent.a2{right:5%;top:11%}.agent.a3{left:9%;bottom:7%}.agent.a4{right:8%;bottom:9%}.v-agents>i{position:absolute;inset:16%;border:1px dashed color-mix(in srgb,var(--detail-tint) 18%,transparent);border-radius:50%;animation:spinSlow 18s linear infinite}

/* Schedule */
.v-schedule{width:82%;height:74%;display:grid;grid-template-columns:1fr 42px;gap:20px;align-items:center}.vs-cal{display:grid;gap:8px}.vs-cal b{font-family:var(--ff-m);font-size:.55rem;color:var(--detail-tint)}.vs-cal span{padding:10px 12px;border:1px solid var(--edge);border-radius:10px;background:var(--glass);font-size:.62rem}.vs-track{height:180px;position:relative;border-left:2px solid var(--edge)}.vs-track i{position:absolute;left:-6px;width:10px;height:10px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 14px var(--detail-tint)}.vs-track i:nth-child(1){top:5%}.vs-track i:nth-child(2){top:45%}.vs-track i:nth-child(3){bottom:5%}.v-schedule small{position:absolute;bottom:3%;font-family:var(--ff-m);font-size:.5rem;color:var(--fg3)}

/* Apps */
.v-apps{width:80%;height:78%}.app-window{position:absolute;border:1px solid var(--edge);border-radius:16px;background:var(--glass);box-shadow:0 24px 50px -38px rgba(0,0,0,.8)}.app-window.back{inset:4% 2% 22% 24%;transform:rotate(5deg)}.app-window.mid{inset:14% 16% 10% 8%;transform:rotate(-4deg)}.app-window.front{inset:20% 8% 2% 18%;padding:18px}.app-window.front span{display:block;height:34px;border-radius:8px;background:var(--edge2);margin-bottom:9px}.app-window.front button{position:absolute;right:16px;bottom:14px;padding:7px 12px;border-radius:9px;background:var(--detail-tint);color:#06110E;font-weight:800;font-size:.58rem}

/* Agent builder */
.v-agent-builder{width:78%;height:72%;border:1px solid var(--edge);border-radius:18px;background:var(--glass);padding:18px}.vab-head{font-family:var(--ff-m);font-size:.52rem;color:var(--detail-tint);padding-bottom:13px;border-bottom:1px solid var(--edge2)}.vab-body{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:14px}.vab-body span{padding:13px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.61rem}.v-agent-builder>i{position:absolute;right:13%;top:12%;width:9px;height:9px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 18px var(--detail-tint);animation:visPulse 2s ease-out infinite}

/* Code */
.v-code{width:82%;height:72%;border:1px solid var(--edge);border-radius:16px;background:#07100E;overflow:hidden;box-shadow:0 28px 70px -44px var(--detail-tint)}.terminal-head{height:38px;display:flex;align-items:center;gap:6px;padding:0 12px;border-bottom:1px solid rgba(255,255,255,.08)}.terminal-head i{width:7px;height:7px;border-radius:50%;background:var(--fg3)}.terminal-head i:nth-child(2){background:var(--detail-tint)}.v-code code{display:block;padding:24px;color:#C5D2CC;font-family:var(--ff-m);font-size:.66rem;line-height:1.9}.v-code code b{color:var(--detail-tint)}.v-code code em{color:var(--coral);font-style:normal}

/* Templates */
.v-templates{width:74%;height:72%}.sheet{position:absolute;inset:10% 16%;border:1px solid var(--edge);border-radius:14px;background:var(--glass);box-shadow:0 24px 50px -40px rgba(0,0,0,.7)}.sheet.s3{transform:translate(22px,-18px) rotate(6deg);opacity:.42}.sheet.s2{transform:translate(-18px,-8px) rotate(-5deg);opacity:.7}.sheet.s1{padding:22px}.sheet.s1 b{display:block;font-family:var(--ff-d);font-size:1rem}.sheet.s1 span{display:block;margin-top:12px;padding:8px;border-radius:7px;background:var(--edge2);font-size:.55rem}

/* Marketplace */
.v-market{width:86%;height:72%;display:grid;grid-template-columns:1fr 1fr;gap:10px}.tile{display:grid;place-items:center;border:1px solid var(--edge);border-radius:16px;background:var(--glass);font-family:var(--ff-d);font-size:.75rem}.tile.t2,.tile.t4{transform:translateY(12px)}.market-gate{position:absolute;left:50%;bottom:-3%;transform:translateX(-50%);padding:8px 13px;border-radius:999px;background:var(--detail-tint);color:#06110E;font-family:var(--ff-m);font-size:.48rem;font-weight:800}

/* MYLO */
.v-mylo{width:80%;height:80%;display:grid;place-items:center}.mylo-core{width:110px;height:110px;border-radius:30px;display:grid;place-items:center;background:linear-gradient(140deg,var(--peri),var(--aqua));color:#fff;font-family:var(--ff-d);font-size:2rem;font-weight:800;box-shadow:0 0 50px -18px var(--detail-tint)}.mo{position:absolute;padding:7px 9px;border:1px solid var(--edge);border-radius:999px;background:var(--glass);font-size:.57rem}.mo.m1{left:2%;top:16%}.mo.m2{right:2%;top:19%}.mo.m3{left:8%;bottom:13%}.mo.m4{right:8%;bottom:10%}.v-mylo>i{position:absolute;inset:12%;border:1px dashed color-mix(in srgb,var(--detail-tint) 22%,transparent);border-radius:50%;animation:spinSlow 16s linear infinite}

/* Research */
.v-research{width:82%;height:78%;display:grid;place-items:center}.vr-compass{width:130px;height:130px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--edge);background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 9%,var(--bg2)),var(--bg2));box-shadow:0 0 46px -24px var(--detail-tint)}.vr-compass b{font-size:2rem;color:var(--detail-tint)}.src{position:absolute;padding:8px 10px;border:1px solid var(--edge);border-radius:11px;background:var(--glass);font-family:var(--ff-m);font-size:.5rem}.src.s1{left:4%;top:15%}.src.s2{right:4%;top:18%}.src.s3{left:15%;bottom:10%}.vr-line{position:absolute;width:42%;height:1px;background:linear-gradient(90deg,transparent,var(--detail-tint),transparent);transform:rotate(-34deg);animation:scanLine 3.8s ease-in-out infinite}

/* Knowledge */
.v-knowledge{width:84%;height:75%}.vk-query{position:absolute;left:10%;right:10%;top:7%;padding:13px 15px;border:1px solid color-mix(in srgb,var(--detail-tint) 30%,var(--edge));border-radius:13px;background:var(--glass);font-size:.65rem}.kn{position:absolute;padding:9px 11px;border:1px solid var(--edge);border-radius:12px;background:var(--glass);font-size:.59rem}.kn.k1{left:3%;bottom:14%}.kn.k2{left:30%;bottom:4%}.kn.k3{right:28%;bottom:13%}.kn.k4{right:2%;bottom:3%}.v-knowledge>i{position:absolute;left:50%;top:36%;width:2px;height:35%;background:linear-gradient(var(--detail-tint),transparent);box-shadow:0 0 12px var(--detail-tint)}

/* Org intelligence */
.v-org{width:82%;height:70%;display:grid;grid-template-columns:repeat(5,1fr);align-items:end;gap:10px}.heat{border-radius:10px 10px 3px 3px;background:linear-gradient(var(--detail-tint),color-mix(in srgb,var(--detail-tint) 10%,transparent));animation:heatGrow 3.6s ease-in-out infinite}.heat.h1{height:34%}.heat.h2{height:72%;animation-delay:-.6s}.heat.h3{height:48%;animation-delay:-1.2s}.heat.h4{height:88%;animation-delay:-1.8s}.heat.h5{height:61%;animation-delay:-2.4s}.org-signal{position:absolute;left:50%;top:6%;transform:translateX(-50%);padding:8px 11px;border:1px solid var(--edge);border-radius:999px;background:var(--glass);font-family:var(--ff-m);font-size:.5rem;color:var(--detail-tint)}

/* Routing */
.v-routing{width:88%;height:78%}.route-core{position:absolute;left:50%;top:50%;width:100px;height:100px;margin:-50px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--detail-tint);background:color-mix(in srgb,var(--detail-tint) 7%,var(--bg2));font-family:var(--ff-m);font-size:.52rem}.route{position:absolute;padding:9px 11px;border:1px solid var(--edge);border-radius:12px;background:var(--glass);font-size:.58rem}.route.local{left:1%;top:12%}.route.private{right:1%;top:16%}.route.cloud{right:10%;bottom:8%}.rp{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 14px var(--detail-tint)}.rp.p1{animation:routeP1 4s linear infinite}.rp.p2{animation:routeP2 4.8s linear infinite -2s}.rp.p3{animation:routeP3 5.2s linear infinite -3s}

/* Identity */
.v-identity{width:78%;height:78%;display:grid;place-items:center}.id-core{width:100px;height:100px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--detail-tint);background:color-mix(in srgb,var(--detail-tint) 8%,var(--bg2));font-family:var(--ff-d);font-size:1.2rem}.id-ring{position:absolute;border:1px solid var(--edge);border-radius:50%}.id-ring.r1{inset:24%}.id-ring.r2{inset:8%}.iu{position:absolute;padding:7px 9px;border:1px solid var(--edge);border-radius:999px;background:var(--glass);font-size:.56rem}.iu.u1{left:2%;top:18%}.iu.u2{right:3%;top:28%}.iu.u3{right:16%;bottom:7%}

/* Governance */
.v-govern{width:84%;height:74%;display:grid;align-content:center;gap:8px}.audit-row{display:grid;grid-template-columns:54px 1fr 24px;gap:8px;padding:11px 12px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);font-size:.59rem}.audit-row span{font-family:var(--ff-m);color:var(--fg3)}.audit-row b{font-weight:650}.audit-row i{font-style:normal;color:var(--detail-tint)}.audit-seal{position:absolute;right:4%;bottom:0;padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--detail-tint) 34%,var(--edge));color:var(--detail-tint);font-family:var(--ff-m);font-size:.48rem}

/* Sovereign */
.v-sovereign{width:78%;height:78%;display:grid;place-items:center}.boundary{width:200px;height:200px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--detail-tint);box-shadow:0 0 0 14px color-mix(in srgb,var(--detail-tint) 4%,transparent),0 0 60px -30px var(--detail-tint)}.lock{width:68px;height:68px;border-radius:20px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 12%,var(--glass));color:var(--detail-tint);font-size:1.4rem}.boundary span{position:absolute;bottom:24%;font-family:var(--ff-m);font-size:.48rem;color:var(--fg3)}.blocked{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 14px var(--coral)}.blocked.b1{left:3%;top:18%}.blocked.b2{right:2%;bottom:18%}.v-sovereign small{position:absolute;bottom:1%;font-family:var(--ff-m);font-size:.48rem;color:var(--fg3)}

/* Execution */
.v-exec{width:80%;height:75%;display:grid;place-items:center}.sandbox{width:220px;min-height:170px;border:1px solid var(--detail-tint);border-radius:18px;padding:20px;background:color-mix(in srgb,var(--detail-tint) 5%,var(--bg2));box-shadow:0 0 48px -30px var(--detail-tint)}.sandbox b{display:block;font-family:var(--ff-m);font-size:.54rem;color:var(--detail-tint);margin-bottom:18px}.sandbox span{display:block;padding:8px 0;border-top:1px solid var(--edge2);font-family:var(--ff-m);font-size:.48rem;color:var(--fg3)}.exec-wall{position:absolute;inset:7%;border:1px dashed color-mix(in srgb,var(--detail-tint) 20%,transparent);border-radius:26px;animation:execWall 4s ease-in-out infinite}

/* Deployment */
.v-deploy{width:82%;height:78%;display:grid;place-items:center}.dep-core{width:105px;height:105px;border-radius:28px;display:grid;place-items:center;background:linear-gradient(140deg,var(--peri),var(--aqua));color:#fff;font-family:var(--ff-d);font-weight:800}.dep{position:absolute;padding:8px 10px;border:1px solid var(--edge);border-radius:11px;background:var(--glass);font-size:.57rem}.dep.dep-1{left:2%;top:11%}.dep.dep-2{right:3%;top:14%}.dep.dep-3{left:8%;bottom:11%}.dep.dep-4{right:7%;bottom:8%}.v-deploy>i{position:absolute;inset:10%;border:1px dashed color-mix(in srgb,var(--detail-tint) 18%,transparent);border-radius:35%;animation:spinSlow 18s linear infinite}

/* Shared visual animation */
@keyframes visFloat{50%{transform:translateY(-8px)}}
@keyframes visPulse{0%{box-shadow:0 0 0 3px color-mix(in srgb,var(--detail-tint) 25%,transparent),0 0 14px var(--detail-tint)}100%{box-shadow:0 0 0 12px transparent,0 0 24px color-mix(in srgb,var(--detail-tint) 30%,transparent)}}
@keyframes beamSweep{50%{left:67%;opacity:.45}}
@keyframes wave{50%{transform:scaleY(.35);opacity:.55}}
@keyframes spinSlow{to{transform:rotate(360deg)}}
@keyframes pathFlash{to{transform:translateX(280px)}}
@keyframes packetAcross{0%{left:7%}50%{left:50%}100%{left:92%}}
@keyframes triggerRing{0%{transform:scale(.72);opacity:.8}100%{transform:scale(1.22);opacity:0}}
@keyframes scanLine{50%{transform:rotate(22deg);opacity:.45}}
@keyframes heatGrow{50%{transform:scaleY(.62);opacity:.6}}
@keyframes routeP1{0%{left:10%;top:22%}50%{left:50%;top:50%}100%{left:78%;top:22%}}
@keyframes routeP2{0%{right:10%;top:24%}50%{right:50%;top:50%}100%{right:18%;bottom:15%}}
@keyframes routeP3{0%{right:18%;bottom:14%}50%{right:50%;bottom:50%}100%{left:10%;top:22%}}
@keyframes execWall{50%{inset:3%;opacity:.45}}

/* Light mode visuals remain clear instead of washed out. */
[data-theme="light"] .capability-visual{
  background:
    radial-gradient(70% 90% at 50% 50%,color-mix(in srgb,var(--detail-tint) 6%,transparent),transparent 70%),
    rgba(246,248,252,.82)
}
[data-theme="light"] .detail-shell{background:rgba(255,255,255,.78)}
[data-theme="light"] .detail-outcomes,[data-theme="light"] .detail-intelligence-band{background:rgba(249,250,253,.78)}
[data-theme="light"] .feature-guide-drawer{background:rgba(252,253,255,.985)!important}

/* Responsive sidecar/detail */
@media(max-width:1180px){
  .feature-guide-drawer{width:min(440px,88vw)!important}
}
@media(max-width:820px){
  .feature-guide-float{top:var(--guide-y,72vh)!important}
  .detail-experience{grid-template-columns:1fr!important}
  .detail-layout-right .capability-visual,.detail-layout-right .detail-outcomes{order:initial}
  .capability-visual{min-height:280px}
  .detail-intelligence-band{grid-template-columns:1fr}
  .detail-intelligence-band section{min-height:0;border-right:0;border-bottom:1px solid var(--edge2)}
  .detail-intelligence-band section:last-child{border-bottom:0}
}
@media(max-width:700px){
  .feature-guide-float{
    top:auto!important;bottom:calc(12px + env(safe-area-inset-bottom,0px))!important;
    right:12px!important;transform:none!important
  }
  .guide-orb::before{display:none!important}
  .feature-guide-drawer{
    width:100vw!important;max-width:none!important;height:100dvh!important;
    border-left:0!important
  }
  .guide-sidecar-head{padding-top:max(16px,env(safe-area-inset-top,0px))}
  .guide-sidecar-scroll{padding:18px 16px calc(22px + env(safe-area-inset-bottom,0px))}
  .guide-step{grid-template-columns:36px 1fr;gap:10px}.guide-step-no{width:34px;height:34px}
  .guide-step h3{font-size:1.42rem}
  .guide-input-wrap--drawer,.guide-examples--drawer{margin-left:46px!important}
  .guide-input-actions{display:grid!important;grid-template-columns:1fr!important}
  .guide-input-actions .guide-go{width:100%!important;min-width:0!important}
  .guide-sidecar-foot{padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
  .detail-layout-wide .capability-visual{min-height:270px}
  .capability-visual{min-height:250px}
  .v-workflow,.v-outreach{width:94%;grid-template-columns:1fr;gap:5px}.v-workflow>i,.v-outreach>i{width:2px;height:12px;justify-self:center}
  .v-approval{grid-template-columns:1fr;gap:9px}.va-gate{width:66px;height:66px;justify-self:center}
}
@media(prefers-reduced-motion:reduce){
  html:not(.motion-full) .feature-guide-float{transition:none!important}
}
html.motion-paused .capability-visual *,
html.motion-paused .guide-orb::after{animation-play-state:paused!important}


/* =====================================================================
   V7 · TRUE OVERLAY GUIDE + LIVING CAPABILITY VISUALS
   Pricing-page architecture: trigger, overlay and drawer are siblings.
   ===================================================================== */

body.guide-open{overflow:hidden!important}
body.guide-open main,body.guide-open .topbar{margin-right:0!important;transform:none!important}

/* Closed Guide follows content. Only the circular edge remains visible. */
.feature-guide-float{
  position:fixed!important;right:0!important;left:auto!important;
  top:var(--guide-y,52vh)!important;bottom:auto!important;
  width:226px!important;height:66px!important;
  transform:translateY(-50%)!important;z-index:214!important;
  pointer-events:none!important;transition:top .68s var(--spring)!important;
}
.guide-orb{
  pointer-events:auto!important;width:226px!important;min-width:226px!important;
  height:66px!important;min-height:66px!important;padding:7px 11px 7px 8px!important;
  border-radius:18px 0 0 18px!important;border:1px solid var(--edge)!important;border-right:0!important;
  background:color-mix(in srgb,var(--bg) 88%,transparent)!important;
  backdrop-filter:blur(20px) saturate(1.3)!important;-webkit-backdrop-filter:blur(20px) saturate(1.3)!important;
  box-shadow:-16px 18px 45px -28px rgba(0,0,0,.9)!important;
  display:grid!important;grid-template-columns:50px 1fr 26px!important;gap:10px!important;align-items:center!important;
  transform:translateX(calc(100% - 60px))!important;
  transition:transform .42s var(--spring),border-color .3s var(--e),background .3s var(--e),box-shadow .3s var(--e)!important;
  overflow:visible!important;
}
.guide-orb:hover,.guide-orb:focus-visible{
  transform:translateX(0)!important;border-color:color-mix(in srgb,var(--aqua) 34%,var(--edge))!important;
  background:color-mix(in srgb,var(--bg2) 94%,transparent)!important;
  box-shadow:-20px 22px 54px -28px rgba(0,0,0,.92),0 0 32px -22px var(--aqua)!important;
}
.guide-orb-glow{display:none!important}
.guide-orb-icon{
  width:48px!important;height:48px!important;border-radius:50%!important;display:grid!important;place-items:center!important;
  border:1px solid color-mix(in srgb,var(--aqua) 42%,var(--edge))!important;
  background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 14%,var(--bg)),var(--bg))!important;
  box-shadow:0 0 30px -14px var(--aqua)!important;position:relative!important;
}
.guide-orb-icon::before{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid color-mix(in srgb,var(--aqua) 18%,transparent);animation:v7GuidePulse 2.7s ease-out infinite}
.guide-orb-icon b{font-size:.86rem!important;color:var(--aqua)!important}.guide-orb-icon small{font-size:.26rem!important}
.guide-orb-copy{display:grid!important;gap:1px!important;min-width:0!important}.guide-orb-copy small{font-size:.46rem!important;color:var(--aqua)!important}.guide-orb-copy b{font-size:.84rem!important}.guide-orb-arrow{display:grid!important;width:26px!important;height:26px!important;font-size:.68rem!important}
.guide-orb::after{display:none!important}.guide-orb::before{display:none!important}
@keyframes v7GuidePulse{0%{transform:scale(.9);opacity:.78}100%{transform:scale(1.28);opacity:0}}
body.guide-open .feature-guide-float{opacity:0!important;pointer-events:none!important}

/* Separate viewport-root overlay. */
.features-guide-overlay{
  position:fixed!important;inset:0!important;z-index:218!important;
  background:rgba(1,8,6,.24)!important;backdrop-filter:blur(2px)!important;-webkit-backdrop-filter:blur(2px)!important;
  opacity:0!important;visibility:hidden!important;pointer-events:none!important;
  transition:opacity .3s var(--e),visibility 0s linear .3s!important;
}
.features-guide-overlay.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transition-delay:0s!important}

/* TRUE SIDE DRAWER: viewport fixed, flush right, no gaps, no page compression. */
.feature-guide-drawer{
  position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:auto!important;
  z-index:220!important;width:min(520px,94vw)!important;height:100dvh!important;max-height:none!important;
  padding:0!important;margin:0!important;border-radius:0!important;border:0!important;border-left:1px solid var(--edge)!important;
  overflow:hidden!important;display:grid!important;grid-template-rows:auto 1fr auto!important;
  background:radial-gradient(110% 90% at 100% 0%,rgba(14,107,82,.15),transparent 64%),linear-gradient(180deg,#07140f 0%,#06110E 45%,#04100d 100%)!important;
  box-shadow:-40px 0 90px -42px rgba(0,0,0,.95)!important;
  opacity:1!important;visibility:visible!important;pointer-events:none!important;
  transform:translateX(102%)!important;transition:transform .52s var(--spring)!important;
}
.feature-guide-drawer.open{transform:none!important;pointer-events:auto!important}
.guide-sidecar-head{min-height:76px!important;padding:18px 20px!important;flex:0 0 auto!important}
.guide-sidecar-scroll{overflow:auto!important;min-height:0!important;padding:24px 22px 28px!important;overscroll-behavior:contain!important}
.guide-sidecar-foot{min-height:64px!important;padding:14px 20px!important;flex:0 0 auto!important}

[data-theme="light"] .features-guide-overlay{background:rgba(70,62,45,.16)!important;backdrop-filter:blur(3px)!important;-webkit-backdrop-filter:blur(3px)!important}
[data-theme="light"] .feature-guide-drawer{
  background:radial-gradient(115% 90% at 100% 0%,rgba(63,224,200,.10),transparent 62%),radial-gradient(90% 75% at 0% 100%,rgba(124,124,255,.08),transparent 68%),linear-gradient(180deg,#FFFDF8 0%,#FBF8F1 58%,#F8F3EA 100%)!important;
  color:#171713!important;border-color:rgba(58,55,45,.13)!important;box-shadow:-32px 0 78px -46px rgba(92,68,32,.34)!important;
}
[data-theme="light"] .guide-orb{background:rgba(255,255,255,.90)!important}

/* ------------------------------------------------------------------
   Every capability has visible motion that explains its function.
   ------------------------------------------------------------------ */
.v-doc-page{animation:v7DocPage 4.8s ease-in-out infinite}.v-doc-table span:nth-child(1){animation:v7Cell 2.8s ease-in-out infinite}.v-doc-table span:nth-child(2){animation:v7Cell 2.8s ease-in-out infinite -.9s}.v-doc-table span:nth-child(3){animation:v7Cell 2.8s ease-in-out infinite -1.8s}
@keyframes v7DocPage{50%{transform:translateY(-6px) rotate(-1deg)}}@keyframes v7Cell{50%{background:color-mix(in srgb,var(--detail-tint) 18%,var(--glass2));box-shadow:0 0 18px -10px var(--detail-tint)}}

.vf.f1{animation:v7File1 5s ease-in-out infinite}.vf.f2{animation:v7File2 5.6s ease-in-out infinite}.vf.f3{animation:v7File3 5.2s ease-in-out infinite}.vf.f4{animation:v7File4 4.7s ease-in-out infinite}
@keyframes v7File1{50%{margin-left:8px;margin-bottom:5px}}@keyframes v7File2{50%{margin-left:-6px;margin-bottom:10px}}@keyframes v7File3{50%{margin-right:8px;margin-bottom:4px}}@keyframes v7File4{50%{margin-right:-5px;margin-bottom:9px;box-shadow:0 0 22px -10px var(--detail-tint)}}

.vc.n1{animation:v7NodeA 4.2s ease-in-out infinite}.vc.n2{animation:v7NodeB 4.8s ease-in-out infinite}.vc.n3{animation:v7NodeB 5.1s ease-in-out infinite -1s}.vc.n4{animation:v7NodeA 4.5s ease-in-out infinite -1.5s}.vl{animation:v7LineGlow 2.5s ease-in-out infinite}
@keyframes v7NodeA{50%{transform:translate(7px,-6px)}}@keyframes v7NodeB{50%{transform:translate(-6px,7px)}}@keyframes v7LineGlow{50%{opacity:.28;filter:drop-shadow(0 0 5px var(--detail-tint))}}

.vb-result{position:relative;overflow:hidden}.vb-result::after{content:"";position:absolute;inset:0;width:32%;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--detail-tint) 20%,transparent),transparent);animation:v7BrowserScan 2.9s linear infinite}.vb-result.r2::after{animation-delay:-.8s}.vb-result.r3::after{animation-delay:-1.6s}.vb-save{animation:v7Save 3.2s ease-in-out infinite}
@keyframes v7BrowserScan{from{transform:translateX(-140%)}to{transform:translateX(440%)}}@keyframes v7Save{50%{transform:translateY(-5px);box-shadow:0 0 22px -13px var(--detail-tint)}}

.msg.left{animation:v7MsgLeft 4.6s ease-in-out infinite}.msg.right{animation:v7MsgRight 4.6s ease-in-out infinite -1.3s}.msg.small{animation:v7MsgLeft 4.6s ease-in-out infinite -2.6s}
@keyframes v7MsgLeft{0%,100%{opacity:.62;transform:translateX(-5px)}35%,75%{opacity:1;transform:none}}@keyframes v7MsgRight{0%,100%{opacity:.62;transform:translateX(5px)}35%,75%{opacity:1;transform:none}}

.vch-core{animation:v7ChannelCore 3.5s ease-in-out infinite}.ch.c1{animation:v7ChipA 4.6s ease-in-out infinite}.ch.c2{animation:v7ChipB 5.2s ease-in-out infinite}.ch.c3{animation:v7ChipB 4.8s ease-in-out infinite -1s}.ch.c4{animation:v7ChipA 5.4s ease-in-out infinite -1.5s}
@keyframes v7ChannelCore{50%{box-shadow:0 0 44px -18px var(--detail-tint);transform:scale(1.035)}}@keyframes v7ChipA{50%{transform:translate(5px,-6px)}}@keyframes v7ChipB{50%{transform:translate(-5px,6px)}}

.phone-ring{animation:v7PhoneRing 2.6s ease-in-out infinite}.voice-status{animation:v7VoiceStatus 2.8s ease-in-out infinite}
@keyframes v7PhoneRing{50%{box-shadow:0 0 0 27px color-mix(in srgb,var(--detail-tint) 1%,transparent),0 0 68px -18px var(--detail-tint);transform:scale(1.025)}}@keyframes v7VoiceStatus{50%{color:var(--detail-tint)}}

.vo-step.s1{animation:v7Step 4s ease-in-out infinite}.vo-step.s2{animation:v7Step 4s ease-in-out infinite -1s}.vo-step.s3{animation:v7Step 4s ease-in-out infinite -2s}.vo-step.s4{animation:v7Step 4s ease-in-out infinite -3s}
@keyframes v7Step{0%,100%{box-shadow:none}20%{border-color:color-mix(in srgb,var(--detail-tint) 55%,var(--edge));box-shadow:0 0 22px -13px var(--detail-tint);transform:translateY(-4px)}}

.vp-radar::after{content:"";position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,transparent 0 72%,color-mix(in srgb,var(--detail-tint) 28%,transparent) 84%,transparent 92%);animation:v7Radar 4s linear infinite}.person{animation:v7Person 2.6s ease-in-out infinite}.person.p2{animation-delay:-.8s}.person.p3{animation-delay:-1.6s}
@keyframes v7Radar{to{transform:rotate(360deg)}}@keyframes v7Person{50%{transform:scale(1.45);opacity:.48}}

.v-workflow span:nth-of-type(1){animation:v7FlowStep 4s ease-in-out infinite}.v-workflow span:nth-of-type(2){animation:v7FlowStep 4s ease-in-out infinite -1s}.v-workflow span:nth-of-type(3){animation:v7FlowStep 4s ease-in-out infinite -2s}.v-workflow span:nth-of-type(4){animation:v7FlowStep 4s ease-in-out infinite -3s}
@keyframes v7FlowStep{0%,100%{background:var(--glass)}25%{background:color-mix(in srgb,var(--detail-tint) 12%,var(--glass));border-color:color-mix(in srgb,var(--detail-tint) 42%,var(--edge));transform:translateY(-3px)}}

.va-gate{animation:v7Gate 3.1s ease-in-out infinite}.va-card.approved{animation:v7Approved 3.1s ease-in-out infinite -1.55s}
@keyframes v7Gate{50%{transform:scale(1.07);box-shadow:0 0 46px -12px var(--detail-tint)}}@keyframes v7Approved{50%{background:color-mix(in srgb,var(--detail-tint) 10%,var(--glass));box-shadow:0 0 30px -20px var(--detail-tint)}}

.agent.a1{animation:v7Agent1 5s ease-in-out infinite}.agent.a2{animation:v7Agent2 5.4s ease-in-out infinite}.agent.a3{animation:v7Agent2 4.8s ease-in-out infinite -1s}.agent.a4{animation:v7Agent1 5.2s ease-in-out infinite -1.4s}
@keyframes v7Agent1{50%{transform:translate(9px,7px) rotate(4deg)}}@keyframes v7Agent2{50%{transform:translate(-8px,-6px) rotate(-4deg)}}

.vs-cal span:nth-child(2){animation:v7Schedule 4.2s ease-in-out infinite}.vs-cal span:nth-child(3){animation:v7Schedule 4.2s ease-in-out infinite -1.4s}.vs-cal span:nth-child(4){animation:v7Schedule 4.2s ease-in-out infinite -2.8s}
@keyframes v7Schedule{0%,100%{border-color:var(--edge)}24%{border-color:color-mix(in srgb,var(--detail-tint) 48%,var(--edge));background:color-mix(in srgb,var(--detail-tint) 8%,var(--glass));transform:translateX(5px)}}

.app-window.back{animation:v7AppBack 5.6s ease-in-out infinite}.app-window.mid{animation:v7AppMid 5.2s ease-in-out infinite}.app-window.front{animation:v7AppFront 4.8s ease-in-out infinite}
@keyframes v7AppBack{50%{transform:translate(5px,-5px) rotate(7deg)}}@keyframes v7AppMid{50%{transform:translate(-6px,5px) rotate(-6deg)}}@keyframes v7AppFront{50%{transform:translateY(-7px);box-shadow:0 32px 65px -38px var(--detail-tint)}}

.vab-body span:nth-child(1){animation:v7BuilderCell 4s ease-in-out infinite}.vab-body span:nth-child(2){animation:v7BuilderCell 4s ease-in-out infinite -1s}.vab-body span:nth-child(3){animation:v7BuilderCell 4s ease-in-out infinite -2s}.vab-body span:nth-child(4){animation:v7BuilderCell 4s ease-in-out infinite -3s}
@keyframes v7BuilderCell{25%{background:color-mix(in srgb,var(--detail-tint) 10%,var(--glass2));border-color:color-mix(in srgb,var(--detail-tint) 36%,var(--edge))}}

.v-code{position:relative}.v-code::after{content:"";position:absolute;left:0;right:0;top:38px;height:2px;background:linear-gradient(90deg,transparent,var(--detail-tint),transparent);box-shadow:0 0 12px var(--detail-tint);animation:v7CodeScan 3.8s ease-in-out infinite}.v-code code::after{content:"▌";color:var(--detail-tint);animation:v7Cursor .75s steps(1) infinite}
@keyframes v7CodeScan{0%,100%{transform:translateY(8px);opacity:.25}50%{transform:translateY(150px);opacity:.8}}@keyframes v7Cursor{50%{opacity:0}}

.sheet.s3{animation:v7Sheet3 5.8s ease-in-out infinite}.sheet.s2{animation:v7Sheet2 5.3s ease-in-out infinite}.sheet.s1{animation:v7Sheet1 4.8s ease-in-out infinite}
@keyframes v7Sheet3{50%{transform:translate(27px,-23px) rotate(8deg)}}@keyframes v7Sheet2{50%{transform:translate(-23px,-12px) rotate(-7deg)}}@keyframes v7Sheet1{50%{transform:translateY(-7px);box-shadow:0 30px 60px -38px var(--detail-tint)}}

.tile.t1{animation:v7Market 4.8s ease-in-out infinite}.tile.t2{animation:v7Market2 5.2s ease-in-out infinite}.tile.t3{animation:v7Market2 4.6s ease-in-out infinite -1s}.tile.t4{animation:v7Market 5.4s ease-in-out infinite -1.5s}.market-gate{animation:v7Review 3s ease-in-out infinite}
@keyframes v7Market{50%{transform:translateY(-6px)}}@keyframes v7Market2{50%{transform:translateY(5px)}}@keyframes v7Review{50%{box-shadow:0 0 28px -12px var(--detail-tint);letter-spacing:.08em}}

.mo.m1{animation:v7MyloA 5s ease-in-out infinite}.mo.m2{animation:v7MyloB 5.5s ease-in-out infinite}.mo.m3{animation:v7MyloB 4.8s ease-in-out infinite -1s}.mo.m4{animation:v7MyloA 5.2s ease-in-out infinite -1.6s}.mylo-core{animation:v7MyloCore 4s ease-in-out infinite}
@keyframes v7MyloA{50%{transform:translate(7px,-7px)}}@keyframes v7MyloB{50%{transform:translate(-7px,7px)}}@keyframes v7MyloCore{50%{box-shadow:0 0 72px -14px var(--detail-tint);transform:scale(1.035)}}

.vr-compass{position:relative;animation:v7Compass 8s linear infinite}.vr-compass::after{content:"";position:absolute;left:50%;top:13%;width:2px;height:37%;background:linear-gradient(var(--detail-tint),transparent);transform-origin:50% 100%;animation:v7Needle 3.2s ease-in-out infinite}.src.s1{animation:v7ResearchA 4.4s ease-in-out infinite}.src.s2{animation:v7ResearchB 4.9s ease-in-out infinite}.src.s3{animation:v7ResearchA 5.2s ease-in-out infinite -1.2s}
@keyframes v7Compass{to{transform:rotate(360deg)}}@keyframes v7Needle{0%,100%{transform:rotate(-45deg)}50%{transform:rotate(55deg)}}@keyframes v7ResearchA{50%{transform:translate(7px,-5px);border-color:color-mix(in srgb,var(--detail-tint) 35%,var(--edge))}}@keyframes v7ResearchB{50%{transform:translate(-7px,6px);border-color:color-mix(in srgb,var(--detail-tint) 35%,var(--edge))}}

.kn.k1{animation:v7Knowledge 4.4s ease-in-out infinite}.kn.k2{animation:v7Knowledge 4.4s ease-in-out infinite -1.1s}.kn.k3{animation:v7Knowledge 4.4s ease-in-out infinite -2.2s}.kn.k4{animation:v7Knowledge 4.4s ease-in-out infinite -3.3s}.vk-query{animation:v7Query 3.8s ease-in-out infinite}
@keyframes v7Knowledge{0%,100%{transform:translateY(0)}25%{transform:translateY(-5px);border-color:color-mix(in srgb,var(--detail-tint) 42%,var(--edge));box-shadow:0 0 22px -14px var(--detail-tint)}}@keyframes v7Query{50%{box-shadow:0 0 28px -18px var(--detail-tint)}}

.route-core{animation:v7RouteCore 3.5s ease-in-out infinite}.route.local{animation:v7RouteLabelA 4.5s ease-in-out infinite}.route.private{animation:v7RouteLabelB 4.8s ease-in-out infinite}.route.cloud{animation:v7RouteLabelA 5.2s ease-in-out infinite -1s}
@keyframes v7RouteCore{50%{transform:scale(1.05);box-shadow:0 0 42px -15px var(--detail-tint)}}@keyframes v7RouteLabelA{50%{transform:translate(5px,-5px)}}@keyframes v7RouteLabelB{50%{transform:translate(-5px,5px)}}

.id-ring.r1{animation:v7IdRing 3.8s ease-out infinite}.id-ring.r2{animation:v7IdRing 3.8s ease-out infinite -1.9s}.iu.u1{animation:v7IdChip 4.4s ease-in-out infinite}.iu.u2{animation:v7IdChip 4.8s ease-in-out infinite -1.2s}.iu.u3{animation:v7IdChip 5.1s ease-in-out infinite -2.4s}
@keyframes v7IdRing{0%{transform:scale(.82);opacity:.8}100%{transform:scale(1.18);opacity:.05}}@keyframes v7IdChip{50%{transform:translateY(-5px);border-color:color-mix(in srgb,var(--detail-tint) 36%,var(--edge))}}

.audit-row:nth-child(1){animation:v7Audit 4.2s ease-in-out infinite}.audit-row:nth-child(2){animation:v7Audit 4.2s ease-in-out infinite -1.4s}.audit-row:nth-child(3){animation:v7Audit 4.2s ease-in-out infinite -2.8s}.audit-seal{animation:v7Seal 3.4s ease-in-out infinite}
@keyframes v7Audit{0%,100%{background:var(--glass2)}24%{background:color-mix(in srgb,var(--detail-tint) 8%,var(--glass2));transform:translateX(4px)}}@keyframes v7Seal{50%{box-shadow:0 0 24px -12px var(--detail-tint)}}

.boundary{animation:v7Boundary 3.8s ease-in-out infinite}.blocked.b1{animation:v7Blocked1 4.6s ease-in-out infinite}.blocked.b2{animation:v7Blocked2 5s ease-in-out infinite}
@keyframes v7Boundary{50%{box-shadow:0 0 0 24px color-mix(in srgb,var(--detail-tint) 2%,transparent),0 0 72px -24px var(--detail-tint);transform:scale(1.025)}}@keyframes v7Blocked1{50%{transform:translate(18px,20px);opacity:.45}}@keyframes v7Blocked2{50%{transform:translate(-16px,-17px);opacity:.45}}

.sandbox{animation:v7Sandbox 4s ease-in-out infinite}.sandbox span:nth-child(2){animation:v7ExecLine 3.6s ease-in-out infinite}.sandbox span:nth-child(3){animation:v7ExecLine 3.6s ease-in-out infinite -1.2s}.sandbox span:nth-child(4){animation:v7ExecLine 3.6s ease-in-out infinite -2.4s}
@keyframes v7Sandbox{50%{box-shadow:0 0 60px -28px var(--detail-tint);transform:translateY(-4px)}}@keyframes v7ExecLine{25%{color:var(--detail-tint)}}

.dep-core{animation:v7DeployCore 4s ease-in-out infinite}.dep.dep-1{animation:v7DepA 4.8s ease-in-out infinite}.dep.dep-2{animation:v7DepB 5.2s ease-in-out infinite}.dep.dep-3{animation:v7DepB 4.7s ease-in-out infinite -1s}.dep.dep-4{animation:v7DepA 5.4s ease-in-out infinite -1.5s}
@keyframes v7DeployCore{50%{transform:scale(1.04);box-shadow:0 0 52px -18px var(--detail-tint)}}@keyframes v7DepA{50%{transform:translate(7px,-6px)}}@keyframes v7DepB{50%{transform:translate(-7px,6px)}}

/* Tablet: still a right overlay drawer, not a bottom card. */
@media(max-width:1180px){
  .feature-guide-drawer{width:min(500px,94vw)!important}
  .features-guide-overlay{background:rgba(1,8,6,.30)!important}
}
/* Phone: full-screen right slide, never a bottom sheet. */
@media(max-width:700px){
  .feature-guide-float{top:auto!important;bottom:calc(16px + env(safe-area-inset-bottom,0px))!important;right:0!important;transform:none!important;height:58px!important}
  .guide-orb{height:58px!important;min-height:58px!important;transform:translateX(calc(100% - 54px))!important}
  .guide-orb-icon{width:42px!important;height:42px!important}
  .feature-guide-drawer{top:0!important;right:0!important;bottom:0!important;width:100vw!important;max-width:none!important;height:100dvh!important;transform:translateX(102%)!important;border-radius:0!important;border-top:0!important}
  .feature-guide-drawer.open{transform:none!important}
  .guide-sidecar-head{padding-top:max(16px,env(safe-area-inset-top,0px))!important}
  .guide-sidecar-scroll{padding-bottom:calc(26px + env(safe-area-inset-bottom,0px))!important}
}
@media(prefers-reduced-motion:reduce){
  html:not(.motion-full) .guide-orb-icon::before{animation:none!important}
}
html.motion-paused .guide-orb-icon::before,
html.motion-paused .capability-visual *{animation-play-state:paused!important}


/* V7 final hardening */
body.guide-open .scroll-edge{opacity:0!important;pointer-events:none!important}

/* Make already-live visuals unmistakably live. */
.vm-actions span:nth-child(1){animation:v7MeetingAction 4.2s ease-in-out infinite}
.vm-actions span:nth-child(2){animation:v7MeetingAction 4.2s ease-in-out infinite -1.4s}
.vm-actions span:nth-child(3){animation:v7MeetingAction 4.2s ease-in-out infinite -2.8s}
@keyframes v7MeetingAction{0%,100%{transform:none;border-color:var(--edge)}24%{transform:translateY(-4px);border-color:color-mix(in srgb,var(--detail-tint) 46%,var(--edge));background:color-mix(in srgb,var(--detail-tint) 9%,var(--glass))}}

.vt-core{animation:v7TriggerCore 3s ease-in-out infinite}
@keyframes v7TriggerCore{50%{transform:scale(1.06);box-shadow:0 0 48px -14px var(--detail-tint)}}
.v-trigger>span:nth-of-type(1){animation:v7TriggerChip 4.2s ease-in-out infinite}
.v-trigger>span:nth-of-type(2){animation:v7TriggerChip 4.2s ease-in-out infinite -1.4s}
.v-trigger>span:nth-of-type(3){animation:v7TriggerChip 4.2s ease-in-out infinite -2.8s}
@keyframes v7TriggerChip{25%{transform:translateY(-5px);border-color:color-mix(in srgb,var(--detail-tint) 42%,var(--edge));color:var(--detail-tint)}}

.org-signal{animation:v7OrgSignal 3.4s ease-in-out infinite}
@keyframes v7OrgSignal{50%{transform:translateX(-50%) translateY(-5px);box-shadow:0 0 24px -13px var(--detail-tint);color:var(--detail-tint)}}

.vr-line{height:2px!important;box-shadow:0 0 10px var(--detail-tint);animation:v7ResearchBeam 3.5s ease-in-out infinite!important}
@keyframes v7ResearchBeam{0%,100%{transform:rotate(-48deg) scaleX(.72);opacity:.35}50%{transform:rotate(38deg) scaleX(1.08);opacity:1}}

@media(prefers-reduced-motion:reduce){
  html:not(.motion-full) .vm-actions span,
  html:not(.motion-full) .vt-core,
  html:not(.motion-full) .v-trigger>span,
  html:not(.motion-full) .org-signal,
  html:not(.motion-full) .vr-line{animation:none!important}
}
html.motion-paused .vm-actions span,
html.motion-paused .vt-core,
html.motion-paused .v-trigger>span,
html.motion-paused .org-signal,
html.motion-paused .vr-line{animation-play-state:paused!important}


/* =====================================================================
   V8 · MOTION AUDIT + GUIDE ACTION POLISH
   ===================================================================== */

/* Compact sidecar action. It supports the input instead of dominating it. */
.guide-input-actions{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  margin-top:9px!important;
}
.guide-input-actions>span{
  min-width:0!important;
  font-size:.52rem!important;
  line-height:1.35!important;
  color:var(--fg3)!important;
}
.guide-input-actions .guide-go{
  width:auto!important;
  min-width:0!important;
  min-height:42px!important;
  padding:9px 13px!important;
  border-radius:11px!important;
  white-space:nowrap!important;
  font-size:.72rem!important;
  line-height:1!important;
  letter-spacing:-.015em!important;
  box-shadow:0 12px 24px -20px var(--aqua)!important;
  justify-self:end!important;
}
.guide-input-actions .guide-go span{
  margin-left:5px;
  transition:transform .22s var(--spring);
}
.guide-input-actions .guide-go:hover span{transform:translateX(3px)}
.guide-examples--drawer{margin-top:10px!important}

/* Each feature visual has a subtle moving activity field in addition to
   its own purpose-specific motion. This guarantees that a visual never
   feels like a static illustration. */
.capability-visual::after{
  content:"";
  position:absolute;
  z-index:1;
  width:150px;height:150px;border-radius:50%;
  left:-75px;top:18%;
  background:radial-gradient(circle,
    color-mix(in srgb,var(--detail-tint) 12%,transparent) 0,
    color-mix(in srgb,var(--detail-tint) 5%,transparent) 34%,
    transparent 70%);
  filter:blur(4px);
  pointer-events:none;
  animation:v8ActivityField 8.5s var(--e) infinite;
}
@keyframes v8ActivityField{
  0%{transform:translate3d(0,35px,0) scale(.85);opacity:.25}
  35%{opacity:.72}
  55%{transform:translate3d(calc(100% + 250px),-20px,0) scale(1.08);opacity:.54}
  100%{transform:translate3d(calc(100% + 520px),45px,0) scale(.9);opacity:.16}
}

/* Documents: readable generation / analysis movement */
.v-doc-page>i:nth-child(1){animation:v8DocLine 3.4s ease-in-out infinite}
.v-doc-page>i:nth-child(2){animation:v8DocLine 3.4s ease-in-out infinite -.8s}
.v-doc-page>i:nth-child(3){animation:v8DocLine 3.4s ease-in-out infinite -1.6s}
@keyframes v8DocLine{50%{width:58%;background:color-mix(in srgb,var(--detail-tint) 26%,var(--edge));box-shadow:0 0 12px -7px var(--detail-tint)}}

/* Files: search beam actually travels across the file field */
.v-file-beam{animation:v8FileBeam 3.6s ease-in-out infinite!important}
@keyframes v8FileBeam{
  0%,100%{left:14%;opacity:.28;transform:rotate(-12deg)}
  50%{left:79%;opacity:1;transform:rotate(12deg)}
}

/* Canvas: signal moves between nodes */
.v-canvas::after{
  content:"";position:absolute;width:9px;height:9px;border-radius:50%;
  background:var(--detail-tint);box-shadow:0 0 16px var(--detail-tint);
  animation:v8CanvasPacket 5s var(--e) infinite;
}
@keyframes v8CanvasPacket{
  0%{left:17%;top:24%}
  35%{left:72%;top:23%}
  68%{left:69%;top:70%}
  100%{left:34%;top:75%}
}

/* Meetings: waveform is now visibly dynamic on all devices. */
.vm-wave i{animation-duration:1.15s!important;animation-iteration-count:infinite!important}
.vm-wave i:nth-child(4n){animation-delay:-.2s!important}
.vm-wave i:nth-child(4n+1){animation-delay:-.45s!important}
.vm-wave i:nth-child(4n+2){animation-delay:-.7s!important}
.vm-wave i:nth-child(4n+3){animation-delay:-.95s!important}

/* Messaging */
.chat-pulse{animation-duration:1.7s!important;animation-iteration-count:infinite!important}

/* Channels: add visible packets from the channels into ONTRE. */
.v-channels::after{
  content:"";position:absolute;width:8px;height:8px;border-radius:50%;
  background:var(--detail-tint);box-shadow:0 0 15px var(--detail-tint);
  animation:v8ChannelPacket 5.2s ease-in-out infinite;
}
@keyframes v8ChannelPacket{
  0%{left:12%;top:22%;opacity:0}
  16%{opacity:1}
  48%{left:48%;top:48%}
  70%{left:76%;top:24%}
  100%{left:88%;top:74%;opacity:0}
}

/* Voice */
.voice-wave i{animation-duration:1s!important;animation-iteration-count:infinite!important}

/* Presence radar */
.vp-radar::after{animation-duration:3.4s!important}

/* Workflow: make the packet impossible to miss. */
.flow-packet-mini{width:11px!important;height:11px!important;box-shadow:0 0 0 5px color-mix(in srgb,var(--detail-tint) 10%,transparent),0 0 20px var(--detail-tint)!important}

/* Triggers */
.vt-ring.r1,.vt-ring.r2{animation-duration:2.8s!important;animation-iteration-count:infinite!important}

/* Agents */
.v-agents::after{
  content:"";position:absolute;left:50%;top:50%;width:7px;height:7px;
  margin:-3px;border-radius:50%;background:#fff;box-shadow:0 0 16px var(--detail-tint);
  animation:v8AgentDispatch 4.8s ease-in-out infinite;
}
@keyframes v8AgentDispatch{
  0%,100%{transform:translate(0,0);opacity:.3}
  20%{transform:translate(-112px,-82px);opacity:1}
  45%{transform:translate(105px,-76px)}
  70%{transform:translate(104px,76px)}
  90%{transform:translate(-104px,74px);opacity:1}
}

/* Apps */
.app-window.front button{animation:v8RunButton 2.8s ease-in-out infinite}
@keyframes v8RunButton{50%{box-shadow:0 0 0 6px color-mix(in srgb,var(--detail-tint) 9%,transparent),0 0 22px -7px var(--detail-tint);transform:translateY(-2px)}}

/* Code */
.v-code::after{animation-duration:3.2s!important;animation-iteration-count:infinite!important}

/* Marketplace */
.market-gate{animation-duration:2.6s!important}

/* MYLO */
.mylo-core{animation-duration:3.2s!important}

/* Research: compass rotates slowly while the needle actively scans. */
.vr-compass{animation-duration:13s!important;animation-iteration-count:infinite!important}
.vr-compass::after{animation-duration:2.5s!important;animation-iteration-count:infinite!important}
.vr-line{animation-duration:2.8s!important;animation-iteration-count:infinite!important}

/* Knowledge retrieval pulse */
.v-knowledge::after{
  content:"";position:absolute;left:50%;top:37%;width:10px;height:10px;margin-left:-5px;
  border-radius:50%;background:var(--detail-tint);box-shadow:0 0 18px var(--detail-tint);
  animation:v8KnowledgePacket 4.2s ease-in-out infinite;
}
@keyframes v8KnowledgePacket{
  0%{transform:translate(-110px,88px);opacity:.2}
  25%{transform:translate(0,0);opacity:1}
  50%{transform:translate(100px,76px)}
  75%{transform:translate(0,0)}
  100%{transform:translate(-110px,88px);opacity:.2}
}

/* Org intelligence */
.heat{transform-origin:bottom;animation-duration:3s!important;animation-iteration-count:infinite!important}

/* Routing */
.rp{width:10px!important;height:10px!important}
.rp.p1,.rp.p2,.rp.p3{animation-iteration-count:infinite!important}

/* Identity */
.id-ring{animation-duration:3s!important;animation-iteration-count:infinite!important}

/* Governance */
.audit-row{animation-duration:3.3s!important;animation-iteration-count:infinite!important}

/* Sovereign */
.boundary{animation-duration:3.1s!important;animation-iteration-count:infinite!important}

/* Execution */
.exec-wall{animation-duration:3.2s!important;animation-iteration-count:infinite!important}

/* Deployment */
.v-deploy::after{
  content:"";position:absolute;left:50%;top:50%;width:9px;height:9px;margin:-4px;
  border-radius:50%;background:#fff;box-shadow:0 0 16px var(--detail-tint);
  animation:v8DeployPacket 5s ease-in-out infinite;
}
@keyframes v8DeployPacket{
  0%,100%{transform:translate(0,0);opacity:.25}
  20%{transform:translate(-110px,-80px);opacity:1}
  45%{transform:translate(112px,-76px)}
  70%{transform:translate(104px,76px)}
  90%{transform:translate(-100px,75px);opacity:1}
}

/* User has an explicit page-level Motion switch. When it is active,
   feature motion stays alive even if the browser reports Reduced Motion.
   Pause still stops it immediately. */
@media(prefers-reduced-motion:reduce){
  html.motion-full:not(.motion-paused) .capability-visual *,
  html.motion-full:not(.motion-paused) .capability-visual::after{
    animation-play-state:running!important;
    animation-iteration-count:infinite!important;
  }
}

@media(max-width:700px){
  .guide-input-actions{
    grid-template-columns:1fr auto!important;
    gap:8px!important;
  }
  .guide-input-actions>span{
    display:block!important;
    font-size:.46rem!important;
  }
  .guide-input-actions .guide-go{
    width:auto!important;
    min-width:0!important;
    min-height:39px!important;
    padding:8px 10px!important;
    font-size:.64rem!important;
  }
  .capability-visual::after{width:110px;height:110px}
}
@media(max-width:390px){
  .guide-input-actions{grid-template-columns:1fr!important}
  .guide-input-actions .guide-go{justify-self:start!important}
}


/* =====================================================================
   V9 · PLAIN LANGUAGE + CONVERSION PASS
   ===================================================================== */
.group-tab{min-height:82px!important}
.group-tab em{display:block;margin-top:4px;color:var(--fg3);font-style:normal;font-size:.52rem;line-height:1.28;max-width:19ch}
.group-tab[aria-selected=true] em{color:var(--fg2)}

.cap-product{font-size:.42rem!important;letter-spacing:.08em!important;opacity:.60!important;padding:4px 7px!important;max-width:43%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.cap-card:hover .cap-product,.cap-card.active .cap-product{opacity:.78!important}
.cap-card h3{font-size:1.48rem!important}
.cap-card p{font-size:.82rem!important;color:var(--fg2)!important;max-width:34ch!important}
.cap-open{font-size:.68rem!important}

.hero-proof span{font-family:var(--ff)!important;font-size:.62rem!important;font-weight:700!important;letter-spacing:0!important;color:var(--fg2)!important}
.hero-proof span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua)}

.detail-together{display:grid;grid-template-columns:1.18fr .82fr;gap:0;border-top:1px solid var(--edge);background:radial-gradient(70% 120% at 0% 100%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 72%),var(--glass2)}
.detail-together>div{padding:clamp(24px,3.5vw,38px)}
.detail-together>div+div{border-left:1px solid var(--edge2)}
.detail-together small{font-family:var(--ff-m);font-size:.52rem;letter-spacing:.10em;color:var(--detail-tint)}
.detail-together h4{margin-top:9px;font-size:1.35rem}
.together-points{display:grid;gap:8px;margin-top:18px}
.together-points span{position:relative;padding:10px 12px 10px 34px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass);color:var(--fg2);font-size:.72rem}
.together-points span::before{content:"";position:absolute;left:13px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 14px var(--detail-tint)}
.detail-next-step{display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.detail-next-step strong{display:block;margin-top:8px;max-width:18ch;font-family:var(--ff-d);font-size:1.25rem;line-height:1.05;letter-spacing:-.035em}
.detail-price-cta{margin-top:18px;min-height:46px!important;padding:11px 15px!important;font-size:.76rem!important}
.detail-price-cta span{transition:transform .22s var(--spring)}
.detail-price-cta:hover span{transform:translateX(3px)}

.guide-orb[data-mode="pricing"] .guide-orb-icon{border-color:color-mix(in srgb,var(--peri) 46%,var(--edge))!important}
.guide-orb[data-mode="pricing"] .guide-orb-icon b{color:var(--peri)!important}
.guide-orb[data-mode="pricing"] .guide-orb-copy small{color:var(--peri)!important}

.final p{font-size:1rem!important}
.final .pri{min-width:220px}
[data-theme="light"] .together-points span{background:rgba(255,255,255,.68)}
[data-theme="light"] .detail-together{background:rgba(249,250,253,.74)}

@media(max-width:900px){
  .group-tab{min-height:74px!important}
  .group-tab em{font-size:.48rem}
  .detail-together{grid-template-columns:1fr}
  .detail-together>div+div{border-left:0;border-top:1px solid var(--edge2)}
}
@media(max-width:700px){
  .group-tab{min-height:64px!important}
  .group-tab em{display:none}
  .cap-product{max-width:40%;font-size:.38rem!important}
  .cap-card h3{font-size:1.22rem!important}
  .detail-together>div{padding:18px}
  .detail-price-cta{width:100%}
}


/* V10 · CLEANER FEATURE CARDS */
.cap-card{
  min-height:168px!important;
  display:flex;
  flex-direction:column;
}
.cap-card .card-top{flex:0 0 auto}
.cap-card h3{
  margin-top:auto!important;
  padding-top:26px;
  max-width:14ch;
}
.cap-card .cap-open{
  margin-top:14px!important;
}
@media(max-width:700px){
  .cap-card{
    min-height:150px!important;
  }
  .cap-card h3{
    padding-top:20px;
    max-width:16ch;
  }
}


/* V11 · FEATURE MODAL LOOP */
.detail-inline-disabled{display:none!important}
body.feature-modal-open{overflow:hidden!important}
.feature-modal-overlay{position:fixed;inset:0;z-index:216;background:rgba(1,8,6,.46);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--e),visibility 0s linear .3s}
.feature-modal-overlay.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.feature-modal{position:fixed;inset:clamp(16px,3vw,34px);z-index:217;display:grid;place-items:center;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .28s var(--e),visibility 0s linear .28s}
.feature-modal.open{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.feature-modal-frame{width:min(1100px,100%);height:min(92dvh,900px);border:1px solid var(--edge);border-radius:28px;background:radial-gradient(90% 70% at 90% 0%,rgba(63,224,200,.06),transparent 66%),radial-gradient(70% 70% at 0% 100%,rgba(124,124,255,.06),transparent 68%),color-mix(in srgb,var(--bg2) 97%,transparent);box-shadow:0 44px 110px -48px rgba(0,0,0,.96);overflow:hidden;display:grid;grid-template-rows:auto 1fr;transform:translateY(18px) scale(.985);transition:transform .42s var(--spring)}
.feature-modal.open .feature-modal-frame{transform:none}
.feature-modal-top{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px 14px 22px;border-bottom:1px solid var(--edge);background:color-mix(in srgb,var(--bg2) 88%,transparent);backdrop-filter:blur(18px)}
.feature-modal-context{display:flex;align-items:center;gap:9px}.feature-modal-context span{font-family:var(--ff-d);font-weight:800;font-size:.88rem}.feature-modal-context small{font-family:var(--ff-m);font-size:.46rem;letter-spacing:.1em;color:var(--fg3)}
.feature-modal-close-x{width:40px;height:40px;border:1px solid var(--edge);border-radius:12px;background:var(--glass2);color:var(--fg2);font-size:1.1rem}
.feature-modal-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;scroll-behavior:smooth}#featureModalContent{padding:18px}.feature-modal-detail{border-radius:22px!important}
.feature-loop-panel{margin:0 18px 18px;border:1px solid var(--edge);border-radius:22px;overflow:hidden;background:var(--glass2)}
.feature-loop-actions,.feature-category-jump{padding:16px 18px}.feature-category-jump{border-top:1px solid var(--edge2)}
.feature-loop-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0;text-align:left}.feature-loop-toggle span{display:grid;gap:3px}.feature-loop-toggle small{font-family:var(--ff-m);font-size:.48rem;letter-spacing:.1em;color:var(--aqua)}.feature-loop-toggle b{font-family:var(--ff-d);font-size:1.05rem}.feature-loop-toggle>i{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--edge);background:var(--glass);font-style:normal;color:var(--aqua)}
.feature-loop-options{display:flex;flex-wrap:wrap;gap:7px;margin-top:14px}.feature-loop-options[hidden],.feature-category-options[hidden]{display:none!important}
.feature-sibling-pill{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--tint) 22%,var(--edge));border-radius:999px;background:var(--glass);color:var(--fg2);font-size:.68rem;font-weight:700;transition:.25s var(--spring)}.feature-sibling-pill i{font-style:normal;color:var(--tint)}.feature-sibling-pill:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tint) 46%,var(--edge));color:var(--fg)}
.feature-modal-bottom-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 18px;border-top:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 50%,transparent)}.feature-close-bottom{min-width:110px}.feature-price-cta{margin-left:auto;min-height:46px!important;padding:11px 15px!important;font-size:.76rem!important}
.feature-category-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.feature-category-pill{min-height:72px;padding:11px 12px;display:grid;grid-template-columns:auto 1fr;column-gap:9px;row-gap:2px;align-items:start;text-align:left;border:1px solid color-mix(in srgb,var(--tint) 20%,var(--edge));border-radius:14px;background:var(--glass);transition:.25s var(--spring)}.feature-category-pill small{grid-row:1/3;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--tint) 8%,transparent);color:var(--tint);font-family:var(--ff-m);font-size:.46rem}.feature-category-pill span{font-family:var(--ff-d);font-size:.82rem;font-weight:800}.feature-category-pill em{color:var(--fg3);font-style:normal;font-size:.54rem;line-height:1.3}.feature-category-pill:hover{transform:translateY(-2px);border-color:color-mix(in srgb,var(--tint) 44%,var(--edge))}
.feature-modal-detail .detail-next-step p{margin-top:9px;color:var(--fg2);font-size:.76rem;line-height:1.5;max-width:34ch}
[data-theme="light"] .feature-modal-overlay{background:rgba(70,62,45,.20)}[data-theme="light"] .feature-modal-frame{background:rgba(255,253,248,.985);box-shadow:0 38px 90px -48px rgba(73,58,31,.28)}[data-theme="light"] .feature-loop-panel{background:rgba(248,246,240,.74)}
@media(max-width:900px){.feature-modal{inset:10px}.feature-modal-frame{height:calc(100dvh - 20px);border-radius:22px}#featureModalContent{padding:12px}.feature-loop-panel{margin:0 12px 12px}}
@media(max-width:700px){.feature-modal{inset:0}.feature-modal-frame{width:100vw;height:100dvh;max-height:none;border-radius:0;border:0}.feature-modal-top{min-height:60px;padding:max(10px,env(safe-area-inset-top,0px)) 12px 10px 15px}.feature-modal-context small{display:none}.feature-modal-scroll{padding-bottom:env(safe-area-inset-bottom,0px)}#featureModalContent{padding:8px}.feature-modal-detail{border-radius:16px!important}.feature-loop-panel{margin:0 8px 8px;border-radius:16px}.feature-loop-actions,.feature-category-jump{padding:14px}.feature-modal-bottom-actions{display:grid;grid-template-columns:1fr;padding:14px}.feature-close-bottom{order:2;width:100%}.feature-price-cta{order:1;width:100%;margin:0;justify-content:center}.feature-category-options{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.feature-modal-frame{transition:none!important}}


/* =====================================================================
   V12 · CLEANER HIERARCHY
   Stronger typography, less copy, clearer modal separation.
   ===================================================================== */

.cap-card h3{
  font-weight:800!important;
  letter-spacing:-.045em!important;
  line-height:1.02!important;
}
.cap-card:nth-child(2n) h3{font-weight:740!important}
.cap-card:nth-child(3n) h3{letter-spacing:-.055em!important}
.group-intro h2{font-weight:780!important;letter-spacing:-.055em!important}
.group-tab b{font-weight:780!important}

.group-tab em{opacity:.55!important}
.hero-proof span{opacity:.86}
.detail-product{opacity:.58;font-size:.48rem!important}
.feature-modal-context small{opacity:.55}

/* Modal sections become clearly separated cards */
.feature-modal-detail{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  overflow:visible!important;
}
.feature-modal-detail .detail-head-v6,
.feature-modal-detail .detail-experience,
.feature-modal-detail .detail-intelligence-band,
.feature-modal-detail .detail-together{
  border:1px solid var(--edge)!important;
  border-radius:20px!important;
  overflow:hidden!important;
  background:color-mix(in srgb,var(--bg2) 72%,transparent)!important;
  box-shadow:0 18px 46px -40px rgba(0,0,0,.72);
}
.feature-modal-detail .detail-head-v6,
.feature-modal-detail .detail-experience,
.feature-modal-detail .detail-intelligence-band{
  margin-bottom:12px!important;
}
.feature-modal-detail .detail-experience > * + *{
  border-left:1px solid var(--edge2)!important;
}
.feature-modal-detail .detail-intelligence-band section + section{
  border-left:1px solid var(--edge2)!important;
}
.feature-modal-detail .detail-together > div + div{
  border-left:1px solid var(--edge2)!important;
}

/* Heavier editorial hierarchy */
.feature-modal-detail .detail-head-v6 h3{
  font-weight:820!important;
  letter-spacing:-.06em!important;
  line-height:.96!important;
}
.feature-modal-detail .detail-outcomes h4,
.feature-modal-detail .detail-together h4{
  font-weight:780!important;
  letter-spacing:-.04em!important;
}
.detail-intelligence-band strong,
.detail-next-step strong{
  font-weight:760!important;
  letter-spacing:-.03em!important;
}

/* Less reading */
.feature-modal-detail .detail-head-v6>p{
  max-width:46ch!important;
  font-size:.86rem!important;
  line-height:1.45!important;
}
.detail-intelligence-band p{
  font-size:.70rem!important;
  line-height:1.42!important;
  max-width:32ch;
}
.detail-list-v6 li{
  font-size:.74rem!important;
  line-height:1.4!important;
}
.together-points span{
  font-size:.67rem!important;
  line-height:1.34!important;
}

.feature-loop-panel{
  margin-top:14px!important;
  border-color:color-mix(in srgb,var(--aqua) 12%,var(--edge))!important;
}
.feature-loop-toggle b{font-weight:780!important;letter-spacing:-.035em!important}
.feature-sibling-pill{font-weight:740!important}
.feature-category-pill span{font-weight:780!important}
.feature-category-pill em{opacity:.58}

.feature-price-cta{
  min-height:42px!important;
  padding:9px 13px!important;
  font-size:.70rem!important;
}
.feature-close-bottom{
  min-height:42px!important;
  padding:9px 13px!important;
}

.sec-head .lede{max-width:44ch!important}
.group-intro p{max-width:46ch!important;font-size:.84rem!important}
.explore-modes span{font-size:.68rem!important}

[data-theme="light"] .feature-modal-detail .detail-head-v6,
[data-theme="light"] .feature-modal-detail .detail-experience,
[data-theme="light"] .feature-modal-detail .detail-intelligence-band,
[data-theme="light"] .feature-modal-detail .detail-together{
  background:rgba(255,255,255,.76)!important;
  border-color:rgba(30,35,55,.10)!important;
  box-shadow:0 16px 40px -34px rgba(43,51,88,.20);
}

@media(max-width:900px){
  .feature-modal-detail .detail-experience > * + *,
  .feature-modal-detail .detail-intelligence-band section + section,
  .feature-modal-detail .detail-together > div + div{
    border-left:0!important;
    border-top:1px solid var(--edge2)!important;
  }
}
@media(max-width:700px){
  .feature-modal-detail .detail-head-v6,
  .feature-modal-detail .detail-experience,
  .feature-modal-detail .detail-intelligence-band,
  .feature-modal-detail .detail-together{
    border-radius:14px!important;
    margin-bottom:8px!important;
  }
  .feature-modal-detail .detail-head-v6 h3{font-size:1.82rem!important}
  .feature-modal-detail .detail-head-v6>p{font-size:.78rem!important}
  .detail-list-v6 li{font-size:.70rem!important}
  .detail-intelligence-band p{font-size:.67rem!important}
  .group-intro p{font-size:.79rem!important}
  .explore-modes span{font-size:.63rem!important}
}


/* V13 · 36 CAPABILITIES */
@media(min-width:1041px){.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
.v-native-apps,.v-contacts,.v-integrations,.v-memory,.v-compute{width:82%;height:78%;display:grid;place-items:center;position:relative}
.native-space-core,.contact-core,.int-core,.memory-core,.compute-core{width:96px;height:96px;border-radius:28px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--detail-tint) 40%,var(--edge));background:color-mix(in srgb,var(--detail-tint) 8%,var(--bg2));font-family:var(--ff-m);font-size:.52rem;color:var(--detail-tint);box-shadow:0 0 40px -22px var(--detail-tint)}
.native-app,.contact-channel,.int-tool,.memory-node,.compute-node{position:absolute;padding:8px 10px;border-radius:12px;border:1px solid var(--edge);background:var(--glass);font-size:.58rem;animation:v13FloatA 5s ease-in-out infinite}
.native-app{width:48px;height:48px;display:grid;place-items:center;font-family:var(--ff-d);font-weight:800}
.native-app.na1{left:4%;top:12%}.native-app.na2{right:5%;top:15%;animation-name:v13FloatB}.native-app.na3{left:13%;bottom:10%}
.contact-channel.c1,.int-tool.i1,.memory-node.m1,.compute-node.n1{left:2%;top:12%}.contact-channel.c2,.int-tool.i2,.memory-node.m2,.compute-node.n2{right:2%;top:16%;animation-name:v13FloatB}.contact-channel.c3,.int-tool.i3,.memory-node.m3,.compute-node.n3{left:7%;bottom:10%}.contact-channel.c4,.int-tool.i4,.memory-node.m4,.compute-node.n4{right:6%;bottom:8%;animation-name:v13FloatB}
.v-native-apps>i,.v-contacts>i,.v-integrations>i{position:absolute;inset:15%;border:1px dashed color-mix(in srgb,var(--detail-tint) 20%,transparent);border-radius:50%;animation:spinSlow 16s linear infinite}
.memory-ring{position:absolute;border:1px solid color-mix(in srgb,var(--detail-tint) 18%,transparent);border-radius:50%;animation:v13MemoryRing 3.8s ease-out infinite}.memory-ring.r1{inset:22%}.memory-ring.r2{inset:7%;animation-delay:-1.9s}
.compute-packet{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 15px var(--detail-tint)}.compute-packet.p1{animation:v13ComputeA 4.4s ease-in-out infinite}.compute-packet.p2{animation:v13ComputeB 5s ease-in-out infinite -2.1s}
.v-escalate{width:86%;height:70%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;position:relative}.esc-flow,.esc-human{padding:18px;border:1px solid var(--edge);border-radius:16px;background:var(--glass);font-size:.7rem;text-align:center}.esc-alert{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--coral);color:var(--coral);font-family:var(--ff-d);font-size:1.55rem;font-weight:800;box-shadow:0 0 34px -16px var(--coral);animation:v13Alert 2.6s ease-in-out infinite}.esc-line{position:absolute;left:18%;right:18%;top:50%;height:1px;background:linear-gradient(90deg,var(--edge),var(--coral),var(--detail-tint),var(--edge));z-index:-1}.v-escalate>b{position:absolute;left:50%;bottom:0;transform:translateX(-50%);font-family:var(--ff-m);font-size:.48rem;color:var(--fg3)}
@keyframes v13FloatA{50%{transform:translate(7px,-7px)}}@keyframes v13FloatB{50%{transform:translate(-7px,7px)}}@keyframes v13MemoryRing{0%{transform:scale(.82);opacity:.8}100%{transform:scale(1.18);opacity:0}}@keyframes v13ComputeA{0%{left:9%;top:21%}50%{left:50%;top:50%}100%{left:80%;top:24%}}@keyframes v13ComputeB{0%{right:10%;bottom:18%}50%{right:50%;bottom:50%}100%{right:78%;bottom:72%}}@keyframes v13Alert{50%{transform:scale(1.08);box-shadow:0 0 0 10px color-mix(in srgb,var(--coral) 7%,transparent),0 0 46px -10px var(--coral)}}


/* V14 semantic icons + modal order/state */
.cap-mark{display:grid!important;place-items:center!important}
.cap-mark svg{width:28px!important;height:28px!important;display:block}
.feature-category-jump{border-top:1px solid var(--edge2)!important;border-bottom:1px solid var(--edge2)!important}
.feature-modal-bottom-actions{border-top:0!important}
.feature-modal-scroll,#featureModalContent,.feature-loop-panel{overflow-anchor:none!important}
.feature-modal-scroll{scroll-behavior:auto!important}
@media(max-width:700px){.cap-mark svg{width:25px!important;height:25px!important}.feature-modal-bottom-actions{grid-template-columns:1fr 1fr!important}.feature-close-bottom,.feature-price-cta{width:100%!important;order:initial!important}}


/* THEOS USE CASES · same skeleton, outcome-led */
.usecase-modal-detail{display:grid;gap:12px}
.usecase-story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}
.usecase-problem,.usecase-flow,.usecase-outcome,.usecase-components{border:1px solid var(--edge);border-radius:20px;background:color-mix(in srgb,var(--bg2) 74%,transparent);padding:clamp(22px,3vw,34px);box-shadow:0 18px 46px -40px rgba(0,0,0,.72)}
.usecase-problem small,.usecase-flow small,.usecase-outcome small,.usecase-components small{font-family:var(--ff-m);font-size:.5rem;letter-spacing:.11em;color:var(--detail-tint)}
.usecase-problem h4,.usecase-outcome h4,.usecase-components h4{margin-top:9px;font-weight:800;letter-spacing:-.045em;line-height:1.02}
.usecase-problem h4{font-size:1.35rem}.usecase-problem p{margin-top:14px;color:var(--fg2);font-size:.83rem;line-height:1.5;max-width:42ch}
.usecase-flow{position:relative;overflow:hidden}.usecase-flow::after{content:"";position:absolute;left:51px;top:78px;bottom:36px;width:1px;background:linear-gradient(var(--detail-tint),transparent)}
.usecase-steps{display:grid;gap:12px;margin-top:16px}.usecase-steps>div{position:relative;z-index:2;display:grid;grid-template-columns:42px 1fr;gap:12px;align-items:center;min-height:66px;padding:10px 12px;border:1px solid var(--edge2);border-radius:14px;background:var(--glass)}
.usecase-steps b{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-family:var(--ff-m);font-size:.5rem;color:var(--detail-tint);background:color-mix(in srgb,var(--detail-tint) 8%,var(--glass))}
.usecase-steps span{font-size:.74rem;font-weight:700;line-height:1.35}.usecase-steps>div:nth-child(1){animation:ucStep 4.5s ease-in-out infinite}.usecase-steps>div:nth-child(2){animation:ucStep 4.5s ease-in-out infinite -1.5s}.usecase-steps>div:nth-child(3){animation:ucStep 4.5s ease-in-out infinite -3s}
@keyframes ucStep{0%,100%{border-color:var(--edge2)}22%{border-color:color-mix(in srgb,var(--detail-tint) 42%,var(--edge));transform:translateX(4px);box-shadow:0 0 24px -18px var(--detail-tint)}}
.usecase-outcome{background:radial-gradient(80% 130% at 0 100%,color-mix(in srgb,var(--detail-tint) 10%,transparent),transparent 70%),color-mix(in srgb,var(--bg2) 74%,transparent)}.usecase-outcome h4{font-size:clamp(1.55rem,3vw,2.5rem);max-width:24ch}
.usecase-components{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:center}.component-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.component-pill{display:inline-flex;align-items:center;gap:7px;min-height:39px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--detail-tint) 24%,var(--edge));border-radius:999px;background:var(--glass);color:var(--fg2);font-size:.67rem;font-weight:760;transition:.24s var(--spring)}
.component-pill i{font-style:normal;color:var(--detail-tint)}.component-pill:hover{transform:translateY(-2px);color:var(--fg);border-color:color-mix(in srgb,var(--detail-tint) 48%,var(--edge));box-shadow:0 14px 30px -24px var(--detail-tint)}
.feature-price-cta{background:linear-gradient(135deg,var(--peri),var(--aqua))!important;color:#06110E!important;font-weight:850!important}
[data-theme="light"] .usecase-problem,[data-theme="light"] .usecase-flow,[data-theme="light"] .usecase-outcome,[data-theme="light"] .usecase-components{background:rgba(255,255,255,.76);border-color:rgba(30,35,55,.10)}
@media(max-width:800px){.usecase-story-grid{grid-template-columns:1fr}.usecase-components{grid-template-columns:1fr;gap:15px}.component-pills{justify-content:flex-start}}
@media(max-width:700px){.usecase-problem,.usecase-flow,.usecase-outcome,.usecase-components{border-radius:14px;padding:18px}.usecase-problem p{font-size:.76rem}.usecase-steps>div{min-height:58px}.usecase-outcome h4{font-size:1.6rem}.component-pill{font-size:.62rem}}


/* USE CASES V2 · detailed visual storytelling */
.usecase-modal-detail{display:grid;gap:12px}
.usecase-hero{position:relative;overflow:hidden}
.usecase-hero h3{max-width:13ch!important}
.usecase-hero>p{max-width:42ch!important}
.usecase-hero-flow{margin-top:24px;display:grid;grid-template-columns:auto 1fr auto 1fr auto;gap:9px;align-items:center;max-width:510px;position:relative}
.usecase-hero-flow span{padding:7px 10px;border:1px solid var(--edge);border-radius:999px;background:var(--glass);font-family:var(--ff-m);font-size:.47rem;color:var(--fg2)}
.usecase-hero-flow>i{height:1px;background:linear-gradient(90deg,var(--edge),var(--detail-tint))}
.usecase-flow-packet{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 15px var(--detail-tint);animation:ucHeroPacket 4.6s ease-in-out infinite}
@keyframes ucHeroPacket{0%{left:15%;opacity:.2}18%{opacity:1}50%{left:51%}100%{left:91%;opacity:.2}}

.usecase-story-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:12px}
.usecase-problem,.usecase-flow,.usecase-scenario,.usecase-outcome,.usecase-different,.usecase-components{border:1px solid var(--edge)!important;border-radius:20px!important;background:color-mix(in srgb,var(--bg2) 74%,transparent)!important;box-shadow:0 18px 46px -40px rgba(0,0,0,.72)}
.usecase-problem,.usecase-flow,.usecase-outcome,.usecase-different,.usecase-components{padding:clamp(22px,3vw,34px)}
.usecase-problem small,.usecase-flow small,.usecase-outcome small,.usecase-different small,.usecase-components small{font-family:var(--ff-m);font-size:.49rem;letter-spacing:.1em;color:var(--detail-tint)}
.usecase-problem h4,.usecase-flow h4,.usecase-different h4,.usecase-components h4{margin-top:8px;font-size:1.3rem;font-weight:800;letter-spacing:-.04em}
.usecase-problem p,.usecase-different p{margin-top:13px;color:var(--fg2);font-size:.81rem;line-height:1.5;max-width:44ch}

.before-list{display:grid;gap:7px;margin-top:18px}
.before-list span{position:relative;padding:9px 11px 9px 30px;border-radius:11px;border:1px solid color-mix(in srgb,var(--coral) 18%,var(--edge));background:color-mix(in srgb,var(--coral) 3%,var(--glass));color:var(--fg2);font-size:.67rem}
.before-list span::before{content:"×";position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--coral);font-weight:800}

.usecase-steps{display:grid;gap:10px;margin-top:16px}
.usecase-steps>div{display:grid;grid-template-columns:40px 1fr;gap:11px;align-items:center;min-height:62px;padding:10px 12px;border:1px solid var(--edge2);border-radius:13px;background:var(--glass);animation:ucStep 4.5s ease-in-out infinite}
.usecase-steps>div:nth-child(2){animation-delay:-1.5s}.usecase-steps>div:nth-child(3){animation-delay:-3s}
.usecase-steps b{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 8%,var(--glass));color:var(--detail-tint);font-family:var(--ff-m);font-size:.49rem}
.usecase-steps span{font-size:.73rem;font-weight:680;line-height:1.35}
@keyframes ucStep{0%,100%{border-color:var(--edge2)}22%{border-color:color-mix(in srgb,var(--detail-tint) 42%,var(--edge));transform:translateX(4px);box-shadow:0 0 24px -18px var(--detail-tint)}}

.usecase-scenario{padding:clamp(22px,3vw,34px);display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;background:radial-gradient(70% 150% at 0 50%,color-mix(in srgb,var(--detail-tint) 9%,transparent),transparent 70%),color-mix(in srgb,var(--bg2) 74%,transparent)!important}
.scenario-tag{min-width:82px;display:flex;align-items:center;gap:7px;font-family:var(--ff-m);font-size:.47rem;letter-spacing:.1em;color:var(--detail-tint)}
.scenario-tag i{width:8px;height:8px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint);animation:scenarioPulse 2.2s ease-out infinite}
@keyframes scenarioPulse{50%{box-shadow:0 0 0 7px color-mix(in srgb,var(--detail-tint) 7%,transparent),0 0 16px var(--detail-tint)}}
.usecase-scenario blockquote{margin:0;font-family:var(--ff-d);font-size:clamp(1.02rem,2vw,1.38rem);line-height:1.27;letter-spacing:-.03em;font-weight:680;max-width:50ch}

.usecase-outcome{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;background:radial-gradient(80% 130% at 0 100%,color-mix(in srgb,var(--detail-tint) 10%,transparent),transparent 70%),color-mix(in srgb,var(--bg2) 74%,transparent)!important}
.usecase-outcome h4{margin-top:9px;font-size:clamp(1.5rem,3vw,2.35rem);max-width:20ch;line-height:1.02;letter-spacing:-.05em}
.after-list{display:grid;gap:8px}
.after-list span{display:flex;align-items:center;gap:9px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--detail-tint) 20%,var(--edge));border-radius:12px;background:var(--glass);font-size:.69rem;font-weight:680}
.after-list i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 10%,transparent);color:var(--detail-tint);font-style:normal;font-size:.63rem}

.usecase-different{display:grid;grid-template-columns:.6fr 1.4fr;gap:24px;align-items:center}
.usecase-different p{margin-top:0!important;font-size:.85rem!important}
.usecase-components{display:grid;grid-template-columns:.72fr 1.28fr;gap:24px;align-items:center}
.usecase-components p{margin-top:8px;color:var(--fg3);font-size:.65rem;line-height:1.4}
.component-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}

[data-theme="light"] .usecase-problem,[data-theme="light"] .usecase-flow,[data-theme="light"] .usecase-scenario,[data-theme="light"] .usecase-outcome,[data-theme="light"] .usecase-different,[data-theme="light"] .usecase-components{background:rgba(255,255,255,.78)!important;border-color:rgba(30,35,55,.10)!important}
@media(max-width:800px){.usecase-story-grid,.usecase-outcome,.usecase-different,.usecase-components{grid-template-columns:1fr}.component-pills{justify-content:flex-start}.usecase-scenario{grid-template-columns:1fr;gap:10px}}
@media(max-width:700px){.usecase-problem,.usecase-flow,.usecase-scenario,.usecase-outcome,.usecase-different,.usecase-components{border-radius:14px!important;padding:18px}.usecase-scenario blockquote{font-size:1rem}.usecase-different p{font-size:.76rem!important}.before-list span,.after-list span{font-size:.63rem}.usecase-hero-flow{gap:5px;margin-top:18px}.usecase-hero-flow span{font-size:.39rem;padding:6px 7px}}


/* =====================================================================
   USE CASES V3 · DISTINCT JOURNEY DESIGN
   This page intentionally does NOT look like Features.
   ===================================================================== */

/* HERO: journey board rather than orbit map */
.journey-scene{min-height:600px!important}
.journey-board{
  width:100%;min-height:560px;border-radius:30px;padding:24px;
  position:relative;overflow:hidden;
  display:grid;grid-template-rows:auto 1fr auto;
  background:
    radial-gradient(75% 90% at 12% 48%,rgba(255,158,122,.09),transparent 66%),
    radial-gradient(75% 90% at 88% 48%,rgba(63,224,200,.10),transparent 66%),
    color-mix(in srgb,var(--bg2) 72%,transparent)!important
}
.journey-board-head{display:flex;justify-content:space-between;align-items:end;gap:16px;padding:4px 4px 18px}
.journey-board-head small{font-family:var(--ff-m);font-size:.52rem;letter-spacing:.12em;color:var(--coral)}
.journey-board-head strong{font-family:var(--ff-d);font-size:1.1rem;letter-spacing:-.03em}
.journey-track{display:grid;grid-template-columns:1fr 150px 1fr;gap:12px;align-items:center;min-height:260px}
.journey-side{display:grid;gap:10px;align-content:center}
.journey-before{justify-items:end}.journey-after{justify-items:start}
.journey-tag{font-family:var(--ff-m);font-size:.48rem;letter-spacing:.11em;color:var(--fg3);margin-bottom:6px}
.journey-chip{
  min-width:112px;padding:11px 14px;border-radius:12px;border:1px solid color-mix(in srgb,var(--coral) 25%,var(--edge));
  background:color-mix(in srgb,var(--coral) 4%,var(--glass));font-size:.72rem;font-weight:720;color:var(--fg2);
  animation:journeyFriction 5s ease-in-out infinite
}
.journey-chip:nth-child(3){animation-delay:-1.5s}.journey-chip:nth-child(4){animation-delay:-3s}
.journey-chip.good{border-color:color-mix(in srgb,var(--aqua) 28%,var(--edge));background:color-mix(in srgb,var(--aqua) 5%,var(--glass));animation-name:journeyOutcome;color:var(--fg)}
@keyframes journeyFriction{50%{transform:translateX(-6px);opacity:.68}}
@keyframes journeyOutcome{50%{transform:translateX(6px);box-shadow:0 0 24px -16px var(--aqua)}}
.journey-engine{height:190px;position:relative;display:grid;place-items:center}
.journey-engine-core{width:112px;height:112px;border-radius:32px;display:grid;place-items:center;text-align:center;background:linear-gradient(145deg,color-mix(in srgb,var(--peri) 16%,var(--bg2)),color-mix(in srgb,var(--aqua) 12%,var(--bg2)));border:1px solid color-mix(in srgb,var(--aqua) 34%,var(--edge));box-shadow:0 0 48px -22px var(--aqua);z-index:2}
.journey-engine-core strong{font-family:var(--ff-d);font-size:1.35rem;background:linear-gradient(90deg,var(--peri),var(--aqua));-webkit-background-clip:text;color:transparent}
.journey-engine-core small{font-family:var(--ff-m);font-size:.38rem;color:var(--fg3)}
.journey-engine-ring{position:absolute;border:1px solid color-mix(in srgb,var(--aqua) 16%,transparent);border-radius:40%}
.journey-engine-ring.r1{inset:18px;animation:journeyRing 5s ease-in-out infinite}.journey-engine-ring.r2{inset:2px;animation:journeyRing 5s ease-in-out infinite -2.5s}
@keyframes journeyRing{50%{transform:scale(1.08);opacity:.35}}
.journey-packet{position:absolute;width:9px;height:9px;border-radius:50%;background:var(--aqua);box-shadow:0 0 15px var(--aqua);z-index:4}
.jp1{animation:journeyPacket1 4.8s ease-in-out infinite}.jp2{animation:journeyPacket2 5.4s ease-in-out infinite -2.3s}
@keyframes journeyPacket1{0%{left:-115px;top:38%;opacity:.1}50%{left:50%;top:50%;opacity:1}100%{left:255px;top:30%;opacity:.1}}
@keyframes journeyPacket2{0%{left:-95px;top:68%;opacity:.1}50%{left:50%;top:50%;opacity:1}100%{left:235px;top:72%;opacity:.1}}
.journey-categories{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:18px;border-top:1px solid var(--edge2)}
.journey-cat{
  position:relative!important;inset:auto!important;transform:none!important;
  width:auto!important;height:auto!important;min-height:62px!important;border-radius:14px!important;
  display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;
  padding:10px 12px!important;border:1px solid color-mix(in srgb,var(--tint) 20%,var(--edge))!important;
  background:var(--glass)!important;animation:none!important;text-align:left!important
}
.journey-cat b{font-family:var(--ff-d);font-size:.72rem!important}.journey-cat small{font-size:.46rem!important;color:var(--fg3)!important;margin-top:3px}
.journey-cat.active{border-color:color-mix(in srgb,var(--tint) 55%,var(--edge))!important;background:color-mix(in srgb,var(--tint) 7%,var(--glass))!important}

/* MAIN CATEGORIES = lanes */
.group-rail{
  display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;position:relative!important;top:auto!important;background:transparent!important;border:0!important;padding:0!important
}
.journey-lane{
  min-height:104px!important;padding:16px!important;border-radius:18px!important;
  display:grid!important;grid-template-columns:44px 1fr 30px!important;gap:12px!important;align-items:center!important;
  text-align:left!important;border:1px solid color-mix(in srgb,var(--tint) 18%,var(--edge))!important;background:var(--glass)!important
}
.journey-lane-no{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:color-mix(in srgb,var(--tint) 8%,transparent);color:var(--tint);font-family:var(--ff-m);font-size:.55rem}
.journey-lane-copy{display:grid;gap:4px}.journey-lane-copy b{font-family:var(--ff-d);font-size:1.05rem!important;letter-spacing:-.035em}.journey-lane-copy em{font-style:normal;font-size:.62rem!important;color:var(--fg3)!important;opacity:1!important}
.journey-lane>i{font-style:normal;font-size:1rem;color:var(--tint);transition:transform .25s var(--spring)}
.journey-lane:hover>i,.journey-lane[aria-selected=true]>i{transform:translateX(4px)}
.journey-lane[aria-selected=true]{border-color:color-mix(in srgb,var(--tint) 50%,var(--edge))!important;box-shadow:0 20px 44px -38px var(--tint)!important;background:color-mix(in srgb,var(--tint) 5%,var(--glass))!important}

/* USE-CASE SCENARIO TILES, not feature cards */
.card-grid{gap:14px!important}
.usecase-tile{
  min-height:215px!important;padding:20px!important;border-radius:22px!important;
  display:flex!important;flex-direction:column!important;align-items:stretch!important;text-align:left!important;
  background:
    linear-gradient(180deg,color-mix(in srgb,var(--tint) 3%,var(--glass)),var(--glass))!important;
  border:1px solid color-mix(in srgb,var(--tint) 17%,var(--edge))!important;
  box-shadow:none!important;overflow:hidden
}
.usecase-tile::before{
  content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--tint),transparent 82%);opacity:.7
}
.usecase-tile-top{display:flex;align-items:center;justify-content:space-between;gap:12px;color:var(--fg3);font-family:var(--ff-m);font-size:.47rem;letter-spacing:.1em}
.usecase-no{color:var(--tint);font-size:.62rem}
.usecase-tile h3{margin-top:28px!important;font-size:1.45rem!important;line-height:1.02!important;font-weight:820!important;letter-spacing:-.05em!important;max-width:13ch!important}
.usecase-shift{margin-top:auto;padding-top:20px;display:grid;grid-template-columns:1fr auto 1fr;gap:8px;align-items:center;border-top:1px solid var(--edge2)}
.usecase-shift span,.usecase-shift b{font-size:.59rem;line-height:1.25}.usecase-shift span{color:var(--fg3);font-weight:560}.usecase-shift b{color:var(--fg);font-weight:760}.usecase-shift i{font-style:normal;color:var(--tint)}
.usecase-open{margin-top:13px!important;color:var(--tint)!important;font-size:.65rem!important;font-weight:760!important}
.usecase-tile:hover{transform:translateY(-4px)!important;border-color:color-mix(in srgb,var(--tint) 44%,var(--edge))!important;box-shadow:0 24px 54px -42px var(--tint)!important}

/* MODAL becomes one storyboard, not stacked feature cards */
.usecase-modal-detail{gap:0!important;border:0!important;background:transparent!important}
.usecase-modal-detail .usecase-hero{
  border-radius:0!important;border:0!important;border-bottom:1px solid var(--edge)!important;
  background:linear-gradient(120deg,color-mix(in srgb,var(--detail-tint) 8%,var(--bg2)),var(--bg2))!important;
  box-shadow:none!important;padding:clamp(30px,5vw,58px)!important
}
.usecase-story-grid{
  grid-template-columns:1fr 1fr!important;gap:0!important;border-bottom:1px solid var(--edge)!important
}
.usecase-problem,.usecase-flow,.usecase-scenario,.usecase-outcome,.usecase-different,.usecase-components{
  border:0!important;border-radius:0!important;box-shadow:none!important;background:transparent!important
}
.usecase-problem{border-right:1px solid var(--edge)!important}
.usecase-scenario{border-bottom:1px solid var(--edge)!important}
.usecase-outcome{border-bottom:1px solid var(--edge)!important}
.usecase-different{border-bottom:1px solid var(--edge)!important}
.usecase-story-grid,.usecase-scenario,.usecase-outcome,.usecase-different,.usecase-components{position:relative}
.usecase-story-grid::before,.usecase-scenario::before,.usecase-outcome::before,.usecase-different::before,.usecase-components::before{
  position:absolute;left:10px;top:18px;font-family:var(--ff-m);font-size:.42rem;color:var(--fg3);letter-spacing:.08em
}
.usecase-story-grid::before{content:"01-02"}.usecase-scenario::before{content:"03"}.usecase-outcome::before{content:"04"}.usecase-different::before{content:"05"}.usecase-components::before{content:"06"}
.usecase-problem,.usecase-flow,.usecase-scenario,.usecase-outcome,.usecase-different,.usecase-components{padding-left:42px!important}

/* loop panel resembles a journey footer, not feature accordion */
.feature-loop-panel{
  border-radius:0!important;border-left:0!important;border-right:0!important;border-bottom:0!important;
  background:linear-gradient(180deg,color-mix(in srgb,var(--aqua) 3%,var(--bg2)),var(--bg2))!important
}
.feature-loop-actions,.feature-category-jump,.feature-modal-bottom-actions{padding:18px 24px!important}
.feature-loop-toggle b{font-size:.95rem!important}
.feature-sibling-pill{border-radius:10px!important}
.feature-category-pill{border-radius:10px!important}

/* light */
[data-theme="light"] .journey-board{background:linear-gradient(135deg,rgba(255,245,240,.78),rgba(240,253,250,.84))!important}
[data-theme="light"] .usecase-tile{background:rgba(255,255,255,.80)!important}
[data-theme="light"] .usecase-modal-detail .usecase-hero{background:linear-gradient(120deg,rgba(247,244,255,.9),rgba(255,255,255,.96))!important}

/* responsive */
@media(max-width:900px){
  .journey-track{grid-template-columns:1fr 120px 1fr}
  .journey-categories{grid-template-columns:repeat(2,1fr)}
  .group-rail{grid-template-columns:1fr!important}
}
@media(max-width:700px){
  .journey-scene{min-height:auto!important}
  .journey-board{min-height:0;padding:15px;border-radius:20px}
  .journey-track{grid-template-columns:1fr 82px 1fr;min-height:220px}
  .journey-chip{min-width:78px;padding:8px 9px;font-size:.57rem}
  .journey-engine{height:150px}.journey-engine-core{width:76px;height:76px;border-radius:22px}.journey-engine-core strong{font-size:1rem}.journey-engine-core small{font-size:.29rem}
  .journey-categories{grid-template-columns:1fr 1fr;gap:6px}.journey-cat{min-height:54px!important;padding:8px!important}.journey-cat b{font-size:.6rem!important}
  .journey-lane{min-height:86px!important;grid-template-columns:38px 1fr 24px!important;padding:13px!important}.journey-lane-no{width:36px;height:36px}.journey-lane-copy b{font-size:.88rem!important}.journey-lane-copy em{font-size:.54rem!important}
  .usecase-tile{min-height:185px!important;padding:17px!important}.usecase-tile h3{font-size:1.25rem!important;margin-top:22px!important}
  .usecase-story-grid{grid-template-columns:1fr!important}.usecase-problem{border-right:0!important;border-bottom:1px solid var(--edge)!important}
  .usecase-problem,.usecase-flow,.usecase-scenario,.usecase-outcome,.usecase-different,.usecase-components{padding-left:34px!important}
}


/* USE CASES V4 · CONTENT DEPTH ONLY */
.usecase-audience,.usecase-business{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-bottom:1px solid var(--edge)
}
.usecase-audience>div,.usecase-business>div{
  padding:clamp(22px,3vw,34px)
}
.usecase-audience>div+div,.usecase-business>div+div{
  border-left:1px solid var(--edge)
}
.usecase-audience small,.usecase-business small{
  font-family:var(--ff-m);font-size:.49rem;letter-spacing:.1em;color:var(--detail-tint)
}
.usecase-audience p{
  margin-top:9px;font-size:.82rem;line-height:1.5;color:var(--fg2);max-width:46ch
}
.rich-steps{gap:8px!important}
.rich-steps>div{min-height:56px!important}
.usecase-business h4{
  margin-top:8px;font-size:1.28rem;font-weight:800;letter-spacing:-.04em
}
.business-points{
  display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:center
}
.business-points span{
  padding:10px 12px;border:1px solid var(--edge2);border-radius:11px;
  background:var(--glass);font-size:.67rem;font-weight:700;color:var(--fg2)
}
[data-theme="light"] .usecase-audience,[data-theme="light"] .usecase-business{
  border-color:rgba(30,35,55,.10)
}
@media(max-width:800px){
  .usecase-audience,.usecase-business{grid-template-columns:1fr}
  .usecase-audience>div+div,.usecase-business>div+div{
    border-left:0;border-top:1px solid var(--edge)
  }
}
@media(max-width:700px){
  .business-points{grid-template-columns:1fr}
  .usecase-audience>div,.usecase-business>div{padding:18px}
}


/* =====================================================================
   USE CASES V5 · READABILITY + SHARPNESS PASS
   Bigger type, fewer internal lines, less visual fragmentation.
   ===================================================================== */

/* Global reading scale */
body{
  font-size:17px!important;
}
.lede,
.sec-head .lede,
.group-intro p{
  font-size:1rem!important;
  line-height:1.55!important;
}
.group-intro h2{
  font-size:clamp(2rem,3vw,3rem)!important;
}

/* Main category lanes */
.journey-lane{
  min-height:112px!important;
}
.journey-lane-copy b{
  font-size:1.16rem!important;
}
.journey-lane-copy em{
  font-size:.72rem!important;
  line-height:1.35!important;
}

/* Use-case tiles */
.usecase-tile{
  min-height:225px!important;
  padding:24px!important;
}
.usecase-tile-top{
  font-size:.56rem!important;
}
.usecase-tile h3{
  font-size:1.62rem!important;
  line-height:1.04!important;
  max-width:15ch!important;
}
.usecase-shift{
  border-top:0!important;
  padding-top:18px!important;
}
.usecase-shift span,
.usecase-shift b{
  font-size:.7rem!important;
  line-height:1.35!important;
}
.usecase-open{
  font-size:.74rem!important;
}

/* Modal hero */
.usecase-hero h3{
  font-size:clamp(2.7rem,5vw,5rem)!important;
  line-height:.95!important;
  max-width:14ch!important;
}
.usecase-hero>p{
  font-size:1.05rem!important;
  line-height:1.55!important;
  max-width:48ch!important;
}

/* Remove visual over-segmentation.
   Keep outer cards, remove most internal separator lines. */
.usecase-audience,
.usecase-business,
.usecase-story-grid,
.usecase-scenario,
.usecase-outcome,
.usecase-different,
.usecase-components{
  border-bottom:0!important;
}
.usecase-audience>div+div,
.usecase-business>div+div,
.usecase-problem,
.usecase-flow{
  border-left:0!important;
  border-right:0!important;
  border-top:0!important;
  border-bottom:0!important;
}
.usecase-audience,
.usecase-business{
  gap:18px!important;
}
.usecase-audience>div,
.usecase-business>div{
  padding:24px 0!important;
}
.usecase-story-grid{
  gap:18px!important;
}

/* Keep only the major content surfaces */
.usecase-problem,
.usecase-flow,
.usecase-scenario,
.usecase-outcome,
.usecase-different,
.usecase-components{
  border:1px solid var(--edge)!important;
  border-radius:20px!important;
  padding:clamp(28px,3.5vw,42px)!important;
}

/* Larger section labels */
.usecase-audience small,
.usecase-business small,
.usecase-problem small,
.usecase-flow small,
.usecase-outcome small,
.usecase-different small,
.usecase-components small,
.scenario-tag{
  font-size:.58rem!important;
  letter-spacing:.09em!important;
}

/* Larger section headlines */
.usecase-problem h4,
.usecase-flow h4,
.usecase-different h4,
.usecase-components h4,
.usecase-business h4{
  font-size:1.52rem!important;
  line-height:1.08!important;
}
.usecase-outcome h4{
  font-size:clamp(1.9rem,3.3vw,3rem)!important;
  line-height:1!important;
}

/* Larger body copy */
.usecase-audience p{
  font-size:.95rem!important;
  line-height:1.55!important;
}
.usecase-problem p,
.usecase-different p{
  font-size:.96rem!important;
  line-height:1.6!important;
  max-width:52ch!important;
}

/* Friction list: remove mini-card look */
.before-list{
  gap:10px!important;
}
.before-list span{
  border:0!important;
  background:transparent!important;
  padding:6px 0 6px 26px!important;
  font-size:.83rem!important;
  line-height:1.4!important;
}
.before-list span::before{
  left:0!important;
  font-size:.95rem!important;
}

/* Step flow: less boxed, bigger */
.rich-steps{
  gap:12px!important;
}
.rich-steps>div{
  min-height:0!important;
  padding:12px 0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  grid-template-columns:44px 1fr!important;
}
.rich-steps>div+div{
  margin-top:2px!important;
}
.rich-steps b{
  width:38px!important;
  height:38px!important;
  font-size:.58rem!important;
  border:1px solid color-mix(in srgb,var(--detail-tint) 28%,var(--edge))!important;
}
.rich-steps span{
  font-size:.9rem!important;
  line-height:1.45!important;
}

/* Scenario */
.usecase-scenario{
  grid-template-columns:110px 1fr!important;
}
.usecase-scenario blockquote{
  font-size:clamp(1.25rem,2vw,1.7rem)!important;
  line-height:1.35!important;
}

/* What changes / business gains */
.after-list,
.business-points{
  gap:10px!important;
}
.after-list span,
.business-points span{
  border:0!important;
  background:transparent!important;
  padding:8px 0!important;
  font-size:.84rem!important;
  line-height:1.4!important;
}
.after-list i{
  flex:0 0 auto;
  width:22px!important;
  height:22px!important;
}

/* Related capabilities: pills are okay, make them readable */
.component-pill{
  min-height:42px!important;
  padding:9px 13px!important;
  font-size:.76rem!important;
}
.usecase-components p{
  font-size:.78rem!important;
  line-height:1.5!important;
}

/* Remove decorative numbering rails from modal sections */
.usecase-story-grid::before,
.usecase-scenario::before,
.usecase-outcome::before,
.usecase-different::before,
.usecase-components::before{
  display:none!important;
}
.usecase-problem,
.usecase-flow,
.usecase-scenario,
.usecase-outcome,
.usecase-different,
.usecase-components{
  padding-left:clamp(28px,3.5vw,42px)!important;
}

/* Modal continuation/footer */
.feature-loop-panel{
  border:1px solid var(--edge)!important;
  border-radius:18px!important;
  overflow:hidden!important;
}
.feature-loop-actions,
.feature-category-jump{
  border-top:0!important;
  border-bottom:0!important;
}
.feature-category-jump{
  border-top:1px solid var(--edge2)!important;
}
.feature-modal-bottom-actions{
  border-top:1px solid var(--edge2)!important;
}
.feature-loop-toggle b{
  font-size:1.05rem!important;
}
.feature-sibling-pill{
  font-size:.74rem!important;
  min-height:40px!important;
}

/* Hero board microcopy slightly larger */
.journey-board-head small{
  font-size:.6rem!important;
}
.journey-board-head strong{
  font-size:1.22rem!important;
}
.journey-chip{
  font-size:.82rem!important;
}
.journey-cat b{
  font-size:.8rem!important;
}
.journey-cat small{
  font-size:.52rem!important;
}

/* Light mode */
[data-theme="light"] .before-list span,
[data-theme="light"] .after-list span,
[data-theme="light"] .business-points span{
  background:transparent!important;
}

/* Tablet */
@media(max-width:900px){
  .usecase-story-grid{
    grid-template-columns:1fr!important;
  }
  .usecase-scenario{
    grid-template-columns:1fr!important;
  }
}

/* Mobile */
@media(max-width:700px){
  body{font-size:16px!important}

  .journey-lane{
    min-height:92px!important;
  }
  .journey-lane-copy b{
    font-size:.98rem!important;
  }
  .journey-lane-copy em{
    font-size:.62rem!important;
  }

  .usecase-tile{
    min-height:200px!important;
    padding:18px!important;
  }
  .usecase-tile h3{
    font-size:1.35rem!important;
  }

  .usecase-hero h3{
    font-size:2.25rem!important;
  }
  .usecase-hero>p{
    font-size:.9rem!important;
  }

  .usecase-problem,
  .usecase-flow,
  .usecase-scenario,
  .usecase-outcome,
  .usecase-different,
  .usecase-components{
    padding:22px!important;
  }

  .usecase-problem h4,
  .usecase-flow h4,
  .usecase-different h4,
  .usecase-components h4,
  .usecase-business h4{
    font-size:1.28rem!important;
  }

  .usecase-problem p,
  .usecase-different p{
    font-size:.85rem!important;
  }

  .rich-steps span{
    font-size:.82rem!important;
  }

  .before-list span,
  .after-list span,
  .business-points span{
    font-size:.76rem!important;
  }

  .component-pill{
    font-size:.69rem!important;
  }
}


/* =====================================================================
   USE CASES V6A · MEETINGS TO ACTION
   First dedicated explanatory visual. Other 35 use cases unchanged.
   ===================================================================== */

/* Remove the leftover vertical process rail everywhere. */
.usecase-flow::after{
  display:none!important;
  content:none!important;
}

/* -------- MEETING VISUAL STORY -------- */
.meeting-visual-story{
  border:1px solid var(--edge);
  border-radius:22px;
  padding:clamp(24px,3.2vw,36px);
  background:
    radial-gradient(80% 120% at 0% 50%,rgba(124,124,255,.07),transparent 70%),
    radial-gradient(70% 120% at 100% 50%,rgba(63,224,200,.07),transparent 72%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
  overflow:hidden;
}

.meeting-visual-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:end;
  margin-bottom:26px;
}
.meeting-visual-head small{
  font-family:var(--ff-m);
  font-size:.58rem;
  letter-spacing:.1em;
  color:var(--detail-tint);
}
.meeting-visual-head h4{
  margin-top:7px;
  font-size:1.55rem;
  line-height:1.05;
  letter-spacing:-.045em;
}
.meeting-visual-head>span{
  color:var(--fg3);
  font-size:.76rem;
  font-weight:700;
}

.meeting-stage{
  display:grid;
  grid-template-columns:minmax(0,1fr) 70px minmax(0,1fr) 70px minmax(0,1fr);
  gap:10px;
  align-items:stretch;
}

.meeting-scene{
  min-height:330px;
  padding:18px;
  border:1px solid var(--edge2);
  border-radius:18px;
  background:color-mix(in srgb,var(--glass) 88%,transparent);
  position:relative;
  overflow:hidden;
}

.scene-label{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:18px;
}
.scene-label b{
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:9px;
  border:1px solid color-mix(in srgb,var(--detail-tint) 28%,var(--edge));
  font-family:var(--ff-m);
  font-size:.48rem;
  color:var(--detail-tint);
}
.scene-label span{
  font-family:var(--ff-m);
  font-size:.47rem;
  letter-spacing:.09em;
  color:var(--fg3);
}

/* 01 live meeting */
.meeting-people{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:16px;
  margin-top:12px;
}
.person{
  width:42px;height:42px;
  border-radius:50%;
  border:1px solid var(--edge);
  background:
    radial-gradient(circle at 50% 36%,color-mix(in srgb,var(--peri) 18%,var(--glass)) 0 28%,transparent 29%),
    linear-gradient(180deg,transparent 49%,color-mix(in srgb,var(--peri) 12%,var(--glass)) 50%);
  animation:personTalk 3s ease-in-out infinite;
}
.p2{width:50px;height:50px;animation-delay:-1s}
.p3{animation-delay:-2s}

.meeting-wave{
  height:56px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  margin:10px 0 14px;
}
.meeting-wave i{
  width:5px;
  height:16px;
  border-radius:8px;
  background:linear-gradient(var(--peri),var(--aqua));
  animation:meetingWave 1.05s ease-in-out infinite;
}
.meeting-wave i:nth-child(2){height:28px;animation-delay:-.12s}
.meeting-wave i:nth-child(3){height:42px;animation-delay:-.24s}
.meeting-wave i:nth-child(4){height:52px;animation-delay:-.36s}
.meeting-wave i:nth-child(5){height:36px;animation-delay:-.48s}
.meeting-wave i:nth-child(6){height:25px;animation-delay:-.60s}
.meeting-wave i:nth-child(7){height:14px;animation-delay:-.72s}

.speech-lines{
  display:grid;
  gap:8px;
}
.speech-lines span{
  opacity:.42;
  transform:translateY(5px);
  padding:9px 10px;
  border-radius:10px;
  background:var(--glass);
  font-size:.64rem;
  line-height:1.35;
  color:var(--fg2);
  animation:speechReveal 5.4s ease-in-out infinite;
}
.speech-lines span:nth-child(2){animation-delay:-3.6s}
.speech-lines span:nth-child(3){animation-delay:-1.8s}

/* arrows between stages */
.meeting-arrow{
  position:relative;
  display:grid;
  place-items:center;
  align-content:center;
  gap:12px;
}
.meeting-arrow::before{
  content:"";
  width:100%;
  height:1px;
  background:linear-gradient(90deg,var(--edge),var(--detail-tint),var(--edge));
}
.meeting-arrow span{
  font-family:var(--ff-m);
  font-size:.4rem;
  line-height:1.3;
  text-align:center;
  color:var(--fg3);
}
.moving-dot{
  position:absolute;
  top:50%;
  left:0;
  width:9px;height:9px;
  margin-top:-4px;
  border-radius:50%;
  background:var(--detail-tint);
  box-shadow:0 0 14px var(--detail-tint);
  animation:arrowTravel 3.2s ease-in-out infinite;
}
.moving-dot.delay{animation-delay:-1.6s}

/* 02 understanding */
.scene-understand{
  display:flex;
  flex-direction:column;
}
.understand-core{
  position:relative;
  width:110px;height:110px;
  margin:4px auto 18px;
  border-radius:31px;
  display:grid;
  place-items:center;
  text-align:center;
  border:1px solid color-mix(in srgb,var(--detail-tint) 42%,var(--edge));
  background:color-mix(in srgb,var(--detail-tint) 7%,var(--bg2));
  box-shadow:0 0 38px -24px var(--detail-tint);
}
.understand-core strong{
  font-family:var(--ff-d);
  font-size:1.28rem;
  background:linear-gradient(90deg,var(--peri),var(--aqua));
  -webkit-background-clip:text;
  color:transparent;
}
.understand-core small{
  font-size:.42rem;
  color:var(--fg3);
}
.core-pulse{
  position:absolute;
  inset:-1px;
  border-radius:31px;
  border:1px solid color-mix(in srgb,var(--detail-tint) 28%,transparent);
  animation:meetingCorePulse 3s ease-out infinite;
}
.cp2{animation-delay:-1.5s}

.extract-list{
  display:grid;
  gap:8px;
}
.extract{
  display:grid;
  grid-template-columns:9px auto 1fr;
  gap:8px;
  align-items:center;
  padding:8px 9px;
  border-radius:10px;
  background:var(--glass);
  opacity:.5;
  transform:translateX(-5px);
  animation:extractReveal 4.8s ease-in-out infinite;
}
.extract.owner{animation-delay:-3.2s}
.extract.date{animation-delay:-1.6s}
.extract>i{
  width:7px;height:7px;
  border-radius:50%;
  background:var(--detail-tint);
  box-shadow:0 0 10px var(--detail-tint);
}
.extract b{
  font-size:.58rem;
  color:var(--fg);
}
.extract em{
  font-style:normal;
  font-size:.56rem;
  text-align:right;
  color:var(--fg2);
}

/* 03 action */
.action-stack{
  display:grid;
  gap:9px;
  margin-top:12px;
}
.action-card{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:9px;
  align-items:center;
  padding:10px;
  border:1px solid var(--edge2);
  border-radius:12px;
  background:var(--glass);
  opacity:.55;
  transform:translateY(7px);
  animation:actionAppear 5.1s ease-in-out infinite;
}
.owner-card{animation-delay:-3.4s}
.follow-card{animation-delay:-1.7s}
.action-card>i{
  width:30px;height:30px;
  border-radius:9px;
  display:grid;place-items:center;
  font-style:normal;
  color:var(--detail-tint);
  background:color-mix(in srgb,var(--detail-tint) 9%,transparent);
}
.action-card small{
  display:block;
  font-family:var(--ff-m);
  font-size:.38rem;
  color:var(--fg3);
  letter-spacing:.06em;
}
.action-card b{
  display:block;
  margin-top:3px;
  font-size:.61rem;
  line-height:1.25;
}

.workflow-strip{
  margin-top:18px;
  display:grid;
  grid-template-columns:auto 1fr auto 1fr auto;
  gap:5px;
  align-items:center;
}
.wf{
  padding:6px 7px;
  border-radius:999px;
  border:1px solid var(--edge);
  color:var(--fg3);
  font-size:.43rem;
  white-space:nowrap;
}
.wf.done,.wf.active{
  color:var(--fg);
  border-color:color-mix(in srgb,var(--detail-tint) 30%,var(--edge));
}
.wf.active{
  animation:wfPulse 2.4s ease-in-out infinite;
}
.workflow-strip>i{
  height:1px;
  background:linear-gradient(90deg,var(--edge),var(--detail-tint));
}

/* bottom summary */
.meeting-visual-bottom{
  display:flex;
  flex-wrap:wrap;
  gap:9px 16px;
  margin-top:20px;
  padding-top:18px;
  border-top:1px solid var(--edge2);
}
.meeting-visual-bottom span{
  display:flex;
  align-items:center;
  gap:7px;
  color:var(--fg2);
  font-size:.69rem;
  font-weight:700;
}
.ok{
  width:20px;height:20px;
  border-radius:50%;
  display:grid;place-items:center;
  font-style:normal;
  color:var(--aqua);
  background:color-mix(in srgb,var(--aqua) 8%,transparent);
}

/* animation */
@keyframes personTalk{
  0%,100%{transform:none}
  50%{transform:translateY(-4px)}
}
@keyframes meetingWave{
  0%,100%{transform:scaleY(.45);opacity:.55}
  50%{transform:scaleY(1);opacity:1}
}
@keyframes speechReveal{
  0%,100%{opacity:.25;transform:translateY(5px)}
  24%,58%{opacity:1;transform:none}
}
@keyframes arrowTravel{
  0%{left:0;opacity:0}
  20%{opacity:1}
  80%{opacity:1}
  100%{left:calc(100% - 9px);opacity:0}
}
@keyframes meetingCorePulse{
  0%{transform:scale(.9);opacity:.8}
  100%{transform:scale(1.32);opacity:0}
}
@keyframes extractReveal{
  0%,100%{opacity:.38;transform:translateX(-5px)}
  22%,52%{opacity:1;transform:none}
}
@keyframes actionAppear{
  0%,100%{opacity:.35;transform:translateY(7px)}
  22%,62%{opacity:1;transform:none}
}
@keyframes wfPulse{
  50%{
    background:color-mix(in srgb,var(--detail-tint) 9%,transparent);
    box-shadow:0 0 18px -10px var(--detail-tint);
  }
}

/* light mode */
[data-theme="light"] .meeting-visual-story{
  background:
    radial-gradient(80% 120% at 0% 50%,rgba(124,124,255,.07),transparent 70%),
    radial-gradient(70% 120% at 100% 50%,rgba(63,224,200,.07),transparent 72%),
    rgba(255,255,255,.78);
}

/* responsive */
@media(max-width:1000px){
  .meeting-stage{
    grid-template-columns:1fr 48px 1fr 48px 1fr;
    gap:6px;
  }
  .meeting-scene{padding:13px}
  .extract em{display:none}
}
@media(max-width:760px){
  .meeting-visual-head{
    align-items:flex-start;
    margin-bottom:18px;
  }
  .meeting-visual-head>span{display:none}
  .meeting-stage{
    grid-template-columns:1fr;
    gap:8px;
  }
  .meeting-arrow{
    min-height:45px;
  }
  .meeting-arrow::before{
    width:1px;
    height:45px;
    background:linear-gradient(var(--edge),var(--detail-tint),var(--edge));
  }
  .meeting-arrow span{display:none}
  .moving-dot{
    top:0;left:50%;
    margin-left:-4px;margin-top:0;
    animation:arrowTravelVertical 2.5s ease-in-out infinite;
  }
  .moving-dot.delay{animation-delay:-1.25s}
  .meeting-scene{
    min-height:auto;
    padding:16px;
  }
  .scene-live{min-height:300px}
  .scene-understand{min-height:330px}
  .scene-action{min-height:320px}
  .extract em{display:block}
  .meeting-visual-bottom{
    display:grid;
    gap:9px;
  }
}
@keyframes arrowTravelVertical{
  0%{top:0;opacity:0}
  20%{opacity:1}
  80%{opacity:1}
  100%{top:36px;opacity:0}
}

@media(prefers-reduced-motion:reduce){
  html:not(.motion-full) .meeting-visual-story *{
    animation:none!important;
  }
}
html.motion-paused .meeting-visual-story *{
  animation-play-state:paused!important;
}


/* =====================================================================
   USE CASES V6B · ASK COMPANY KNOWLEDGE
   Dedicated explanatory visual: question → governed sources → grounded answer.
   ===================================================================== */
.knowledge-visual-story{
  border:1px solid var(--edge);
  border-radius:22px;
  padding:clamp(24px,3.2vw,36px);
  background:
    radial-gradient(74% 120% at 18% 0%,rgba(124,124,255,.08),transparent 70%),
    radial-gradient(72% 130% at 88% 100%,rgba(63,224,200,.08),transparent 72%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
  overflow:hidden;
}
.knowledge-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}
.knowledge-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.knowledge-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.knowledge-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}

.knowledge-query{
  position:relative;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;
  min-height:72px;padding:12px 14px;border:1px solid color-mix(in srgb,var(--detail-tint) 28%,var(--edge));
  border-radius:17px;background:color-mix(in srgb,var(--glass) 92%,transparent);overflow:hidden;
}
.knowledge-query::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 20%,color-mix(in srgb,var(--detail-tint) 8%,transparent),transparent 72%);transform:translateX(-110%);animation:knowledgeQuerySweep 5.8s var(--e) infinite}
.kq-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-family:var(--ff-d);font-weight:800;color:var(--detail-tint);background:color-mix(in srgb,var(--detail-tint) 9%,transparent);border:1px solid color-mix(in srgb,var(--detail-tint) 18%,var(--edge))}
.kq-copy{min-width:0;position:relative;z-index:2}.kq-copy small{display:block;font-family:var(--ff-m);font-size:.42rem;letter-spacing:.08em;color:var(--fg3)}
.kq-copy b{display:block;margin-top:4px;font-size:.78rem;line-height:1.35;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.kq-status{position:relative;z-index:2;display:flex;align-items:center;gap:7px;padding:7px 9px;border-radius:999px;border:1px solid var(--edge2);font-family:var(--ff-m);font-size:.42rem;color:var(--aqua);white-space:nowrap}
.kq-status i{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 color-mix(in srgb,var(--aqua) 45%,transparent);animation:knowledgeStatusPulse 1.9s ease-out infinite}

.knowledge-map{position:relative;min-height:322px;margin-top:12px;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 72%,transparent);overflow:hidden}
.knowledge-map::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--edge2) 1px,transparent 1px),linear-gradient(90deg,var(--edge2) 1px,transparent 1px);background-size:38px 38px;opacity:.24;mask-image:radial-gradient(circle at 50% 50%,#000,transparent 76%)}
.knowledge-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:122px;height:122px;border-radius:36px;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--detail-tint) 42%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 9%,var(--bg2)),var(--bg2));box-shadow:0 0 52px -28px var(--detail-tint);z-index:3}
.knowledge-core strong{font-family:var(--ff-d);font-size:1.24rem;background:linear-gradient(100deg,var(--peri),var(--aqua));-webkit-background-clip:text;color:transparent}
.knowledge-core small{display:block;margin-top:2px;font-family:var(--ff-m);font-size:.4rem;letter-spacing:.06em;color:var(--fg3)}
.knowledge-core>i{position:absolute;inset:-1px;border-radius:36px;border:1px solid color-mix(in srgb,var(--detail-tint) 25%,transparent);animation:knowledgeCoreRing 3.1s ease-out infinite}.knowledge-core>i:nth-of-type(2){animation-delay:-1.55s}

.knowledge-source{position:absolute;width:148px;min-height:76px;padding:12px;border:1px solid var(--edge);border-radius:15px;background:color-mix(in srgb,var(--bg2) 82%,transparent);backdrop-filter:blur(12px);z-index:2;transition:.35s var(--spring);animation:knowledgeSourceWake 6s ease-in-out infinite}
.knowledge-source:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--detail-tint) 42%,var(--edge));box-shadow:0 18px 34px -28px var(--detail-tint)}
.knowledge-source small{display:block;font-family:var(--ff-m);font-size:.39rem;letter-spacing:.08em;color:var(--fg3)}
.knowledge-source b{display:block;margin-top:5px;font-size:.69rem;line-height:1.25}.knowledge-source em{display:block;margin-top:6px;font-style:normal;font-size:.52rem;color:var(--detail-tint)}
.ks-files{left:5%;top:12%}.ks-docs{left:7%;bottom:11%;animation-delay:-2s}.ks-data{right:5%;top:12%;animation-delay:-4s}.ks-memory{right:7%;bottom:11%;animation-delay:-1s}
.knowledge-link{position:absolute;left:50%;top:50%;height:1px;width:32%;transform-origin:0 50%;background:linear-gradient(90deg,color-mix(in srgb,var(--detail-tint) 54%,transparent),var(--edge2));opacity:.5;z-index:1}
.kl-1{transform:rotate(-151deg)}.kl-2{transform:rotate(151deg)}.kl-3{transform:rotate(-29deg)}.kl-4{transform:rotate(29deg)}
.knowledge-packet{position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 14px var(--detail-tint);z-index:4;animation:knowledgePacket 4.8s ease-in-out infinite}
.kp-1{--tx:-220px;--ty:-92px}.kp-2{--tx:-220px;--ty:92px;animation-delay:-1.2s}.kp-3{--tx:220px;--ty:-92px;animation-delay:-2.4s}.kp-4{--tx:220px;--ty:92px;animation-delay:-3.6s}

.knowledge-answer{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;margin-top:12px;padding:16px 18px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));border-radius:17px;background:linear-gradient(110deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass));position:relative;overflow:hidden}
.knowledge-answer::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(var(--peri),var(--aqua));box-shadow:0 0 16px var(--aqua)}
.ka-copy small{font-family:var(--ff-m);font-size:.41rem;letter-spacing:.09em;color:var(--aqua)}.ka-copy b{display:block;margin-top:5px;font-family:var(--ff-d);font-size:1rem;letter-spacing:-.025em;line-height:1.3;max-width:54ch}.ka-copy p{margin-top:7px!important;font-size:.61rem!important;line-height:1.45!important;color:var(--fg2)!important;max-width:70ch!important}
.ka-sources{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;max-width:230px}.ka-sources span{padding:6px 8px;border:1px solid var(--edge);border-radius:999px;background:var(--glass2);font-family:var(--ff-m);font-size:.38rem;color:var(--fg2);animation:knowledgeCitation 4.8s ease-in-out infinite}.ka-sources span:nth-child(2){animation-delay:-1.6s}.ka-sources span:nth-child(3){animation-delay:-3.2s}
.knowledge-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}
.knowledge-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}

@keyframes knowledgeQuerySweep{0%,18%{transform:translateX(-110%)}55%,100%{transform:translateX(110%)}}
@keyframes knowledgeStatusPulse{100%{box-shadow:0 0 0 9px transparent}}
@keyframes knowledgeCoreRing{0%{transform:scale(.9);opacity:.8}100%{transform:scale(1.34);opacity:0}}
@keyframes knowledgeSourceWake{0%,100%{opacity:.58}18%,46%{opacity:1;border-color:color-mix(in srgb,var(--detail-tint) 28%,var(--edge))}}
@keyframes knowledgePacket{0%,14%{transform:translate(0,0) scale(.7);opacity:0}28%{opacity:1}60%{transform:translate(var(--tx),var(--ty)) scale(1);opacity:1}76%,100%{transform:translate(var(--tx),var(--ty)) scale(.5);opacity:0}}
@keyframes knowledgeCitation{0%,100%{transform:none;border-color:var(--edge)}28%{transform:translateY(-2px);border-color:color-mix(in srgb,var(--aqua) 38%,var(--edge));color:var(--fg)}}

[data-theme="light"] .knowledge-visual-story{background:radial-gradient(74% 120% at 18% 0%,rgba(124,124,255,.07),transparent 70%),radial-gradient(72% 130% at 88% 100%,rgba(63,224,200,.07),transparent 72%),rgba(255,255,255,.78)}
@media(max-width:900px){.knowledge-map{min-height:350px}.knowledge-source{width:135px}.kp-1,.kp-2{--tx:-175px}.kp-3,.kp-4{--tx:175px}}
@media(max-width:700px){
  .knowledge-visual-head{align-items:flex-start;margin-bottom:18px}.knowledge-visual-head>span{display:none}
  .knowledge-query{grid-template-columns:38px 1fr}.kq-avatar{width:36px;height:36px}.kq-status{grid-column:1/-1;justify-self:start;margin-left:50px}
  .knowledge-map{min-height:520px}.knowledge-core{top:49%;width:106px;height:106px;border-radius:30px}
  .knowledge-source{width:calc(50% - 23px);min-height:82px}.ks-files{left:14px;top:18px}.ks-data{right:14px;top:18px}.ks-docs{left:14px;bottom:18px}.ks-memory{right:14px;bottom:18px}
  .knowledge-link{display:none}.kp-1{--tx:-90px;--ty:-165px}.kp-2{--tx:-90px;--ty:165px}.kp-3{--tx:90px;--ty:-165px}.kp-4{--tx:90px;--ty:165px}
  .knowledge-answer{grid-template-columns:1fr}.ka-sources{justify-content:flex-start;max-width:none}.knowledge-visual-bottom{display:grid;gap:9px}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .knowledge-visual-story *{animation:none!important}}
html.motion-paused .knowledge-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6C · ANALYSE COMPLEX DOCUMENTS
   Dedicated explanatory visual: long document → structural understanding → findings/actions.
   ===================================================================== */
.docanalysis-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(78% 118% at 0% 18%,rgba(192,139,255,.075),transparent 68%),
    radial-gradient(70% 110% at 100% 82%,rgba(255,158,122,.07),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.docanalysis-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}
.docanalysis-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.docanalysis-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.docanalysis-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}

.docanalysis-workbench{display:grid;grid-template-columns:minmax(0,1.38fr) minmax(260px,.62fr);gap:12px;min-height:390px}
.da-document{position:relative;min-height:390px;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 76%,transparent);overflow:hidden}
.da-document::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--detail-tint) 4%,transparent),transparent);transform:translateX(-110%);animation:daWorkspaceSweep 7s var(--e) infinite;pointer-events:none;z-index:3}
.da-toolbar{height:48px;display:flex;align-items:center;gap:8px;padding:0 14px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 54%,transparent)}
.da-toolbar i{width:7px;height:7px;border-radius:50%;background:var(--fg3);opacity:.45}.da-toolbar i:first-child{background:var(--coral);opacity:.9}.da-toolbar i:nth-child(2){background:var(--detail-tint);opacity:.9}.da-toolbar i:nth-child(3){background:var(--aqua);opacity:.9}
.da-toolbar b{margin-left:7px;font-family:var(--ff-m);font-size:.47rem;letter-spacing:.08em;color:var(--fg2);font-weight:600}.da-toolbar span{margin-left:auto;font-family:var(--ff-m);font-size:.4rem;color:var(--aqua)}
.da-page{position:absolute;left:24px;right:24px;top:70px;bottom:22px;padding:24px 28px;border:1px solid var(--edge);border-radius:13px;background:color-mix(in srgb,var(--bg2) 94%,transparent);box-shadow:0 28px 55px -42px rgba(0,0,0,.8);overflow:hidden}
.da-page::before,.da-page::after{content:"";position:absolute;inset:7px -7px -7px 7px;border:1px solid var(--edge2);border-radius:13px;z-index:-1;background:color-mix(in srgb,var(--bg2) 78%,transparent)}
.da-page::after{inset:14px -14px -14px 14px;opacity:.55}
.da-title-line{width:47%;height:11px;border-radius:999px;background:color-mix(in srgb,var(--fg) 76%,transparent);margin-bottom:19px}
.da-line{height:6px;border-radius:999px;background:color-mix(in srgb,var(--fg3) 27%,transparent);margin:8px 0}.da-line.w92{width:92%}.da-line.w84{width:84%}.da-line.w78{width:78%}.da-line.w66{width:66%}.da-line.w55{width:55%}
.da-clause{position:relative;margin:18px -10px 0;padding:14px 12px 13px 36px;border:1px solid color-mix(in srgb,var(--detail-tint) 25%,var(--edge));border-radius:11px;background:linear-gradient(100deg,color-mix(in srgb,var(--detail-tint) 7%,var(--glass2)),var(--glass2));animation:daClauseFocus 5.8s ease-in-out infinite}
.da-clause::before{content:"12.4";position:absolute;left:10px;top:13px;font-family:var(--ff-m);font-size:.38rem;color:var(--detail-tint)}
.da-clause b{display:block;font-size:.62rem;line-height:1.3}.da-clause span{display:block;margin-top:5px;font-size:.49rem;color:var(--fg3)}
.da-scanline{position:absolute;left:20px;right:20px;height:2px;top:82px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);box-shadow:0 0 18px var(--aqua);opacity:.75;z-index:4;animation:daScan 5.8s ease-in-out infinite}
.da-marker{position:absolute;right:14px;width:8px;height:8px;border-radius:50%;z-index:5;box-shadow:0 0 0 5px color-mix(in srgb,var(--marker) 12%,transparent),0 0 14px var(--marker);background:var(--marker);animation:daMarker 5.8s ease-in-out infinite}.dm1{--marker:var(--coral);top:41%;animation-delay:-.8s}.dm2{--marker:var(--aqua);top:59%;animation-delay:-2.6s}.dm3{--marker:var(--violet);top:74%;animation-delay:-4.2s}

.da-findings{display:grid;grid-template-rows:auto repeat(3,1fr) auto;gap:8px;padding:12px;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 72%,transparent)}
.da-findings-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 10px;border-bottom:1px solid var(--edge2)}.da-findings-head b{font-family:var(--ff-m);font-size:.48rem;letter-spacing:.09em;color:var(--fg3)}.da-findings-head span{font-family:var(--ff-m);font-size:.4rem;color:var(--aqua)}
.da-finding{position:relative;display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:start;padding:13px 12px;border:1px solid var(--edge2);border-radius:14px;background:var(--glass2);overflow:hidden;animation:daFindingWake 5.8s ease-in-out infinite}
.da-finding::after{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--finding-tint)}
.da-finding:nth-of-type(3){animation-delay:-1.9s}.da-finding:nth-of-type(4){animation-delay:-3.8s}
.da-find-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--finding-tint) 10%,transparent);border:1px solid color-mix(in srgb,var(--finding-tint) 22%,var(--edge));font-family:var(--ff-m);font-size:.52rem;color:var(--finding-tint)}
.da-find-copy small{display:block;font-family:var(--ff-m);font-size:.36rem;letter-spacing:.08em;color:var(--finding-tint)}.da-find-copy b{display:block;margin-top:4px;font-size:.64rem;line-height:1.25}.da-find-copy em{display:block;margin-top:5px;font-style:normal;font-size:.49rem;line-height:1.35;color:var(--fg3)}
.da-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:2px}.da-actions span{display:flex;align-items:center;justify-content:center;min-height:39px;padding:7px 8px;border:1px solid var(--edge);border-radius:11px;background:var(--glass2);font-size:.51rem;font-weight:750;color:var(--fg2)}.da-actions span:last-child{border-color:color-mix(in srgb,var(--aqua) 24%,var(--edge));color:var(--aqua)}
.docanalysis-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}
.docanalysis-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}
@keyframes daWorkspaceSweep{0%,20%{transform:translateX(-110%)}55%,100%{transform:translateX(110%)}}
@keyframes daScan{0%,10%{transform:translateY(0);opacity:0}18%{opacity:.8}72%{transform:translateY(258px);opacity:.8}82%,100%{transform:translateY(258px);opacity:0}}
@keyframes daClauseFocus{0%,100%{border-color:color-mix(in srgb,var(--detail-tint) 18%,var(--edge));transform:none}45%{border-color:color-mix(in srgb,var(--detail-tint) 48%,var(--edge));transform:translateX(3px)}}
@keyframes daMarker{0%,100%{transform:scale(.7);opacity:.35}36%,58%{transform:scale(1);opacity:1}}
@keyframes daFindingWake{0%,100%{opacity:.58;transform:translateX(0)}28%,52%{opacity:1;transform:translateX(3px);border-color:color-mix(in srgb,var(--finding-tint) 30%,var(--edge))}}
[data-theme="light"] .docanalysis-visual-story{background:radial-gradient(78% 118% at 0% 18%,rgba(192,139,255,.065),transparent 68%),radial-gradient(70% 110% at 100% 82%,rgba(255,158,122,.06),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:820px){.docanalysis-workbench{grid-template-columns:1fr}.da-document{min-height:370px}.da-findings{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto}.da-findings-head{grid-column:1/-1}.da-actions{grid-column:1/-1}.da-finding{grid-template-columns:1fr;gap:7px}.da-find-icon{width:28px;height:28px}.da-find-copy em{display:none}}
@media(max-width:700px){.docanalysis-visual-head{align-items:flex-start;margin-bottom:18px}.docanalysis-visual-head>span{display:none}.da-page{left:14px;right:14px;padding:20px 18px}.da-findings{grid-template-columns:1fr}.da-findings-head,.da-actions{grid-column:auto}.da-finding{grid-template-columns:32px 1fr}.da-find-copy em{display:block}.docanalysis-visual-bottom{display:grid;gap:9px}.da-scanline{left:12px;right:12px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .docanalysis-visual-story *{animation:none!important}}
html.motion-paused .docanalysis-visual-story *{animation-play-state:paused!important}

/* =====================================================================
   USE CASES V6C · RESEARCH TO REPORT
   Dedicated explanatory visual: task question → web + company context → working report.
   ===================================================================== */
.research-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(74% 110% at 0% 90%,rgba(63,224,200,.07),transparent 70%),
    radial-gradient(75% 120% at 100% 10%,rgba(124,124,255,.075),transparent 72%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.research-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:24px}.research-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}.research-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}.research-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}
.research-brief{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:11px;align-items:center;padding:12px 14px;border:1px solid color-mix(in srgb,var(--detail-tint) 24%,var(--edge));border-radius:16px;background:var(--glass2)}
.rb-mark{width:35px;height:35px;border-radius:11px;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--detail-tint) 25%,var(--edge));background:color-mix(in srgb,var(--detail-tint) 8%,transparent);color:var(--detail-tint);font-family:var(--ff-d);font-weight:800}.rb-copy small{display:block;font-family:var(--ff-m);font-size:.38rem;letter-spacing:.08em;color:var(--fg3)}.rb-copy b{display:block;margin-top:3px;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rb-context{padding:6px 9px;border:1px solid var(--edge2);border-radius:999px;font-family:var(--ff-m);font-size:.39rem;color:var(--aqua);white-space:nowrap}
.research-workspace{position:relative;display:grid;grid-template-columns:minmax(0,.88fr) 56px minmax(0,1.12fr);gap:10px;align-items:stretch;min-height:370px;margin-top:12px}
.research-sources{display:grid;grid-template-rows:auto repeat(3,1fr) auto;gap:8px;padding:12px;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 72%,transparent);overflow:hidden}
.rs-head{display:flex;align-items:center;justify-content:space-between;padding:3px 3px 9px;border-bottom:1px solid var(--edge2)}.rs-head b{font-family:var(--ff-m);font-size:.46rem;letter-spacing:.09em;color:var(--fg3)}.rs-head span{font-family:var(--ff-m);font-size:.39rem;color:var(--detail-tint)}
.rs-source{position:relative;padding:12px 13px 11px 38px;border:1px solid var(--edge2);border-radius:13px;background:var(--glass2);overflow:hidden;animation:researchSource 6.4s ease-in-out infinite}.rs-source:nth-of-type(3){animation-delay:-1.5s}.rs-source:nth-of-type(4){animation-delay:-3s}.rs-source::before{content:"↗";position:absolute;left:12px;top:12px;width:18px;height:18px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--source-tint,var(--detail-tint)) 10%,transparent);color:var(--source-tint,var(--detail-tint));font-size:.52rem}.rs-source small{display:block;font-family:var(--ff-m);font-size:.35rem;letter-spacing:.08em;color:var(--source-tint,var(--detail-tint))}.rs-source b{display:block;margin-top:3px;font-size:.62rem;line-height:1.25}.rs-source span{display:block;margin-top:5px;font-size:.48rem;color:var(--fg3)}
.rs-company{display:flex;align-items:center;gap:8px;padding:9px 10px;border:1px dashed color-mix(in srgb,var(--aqua) 25%,var(--edge));border-radius:12px;font-size:.5rem;color:var(--fg2)}.rs-company i{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 0 color-mix(in srgb,var(--aqua) 45%,transparent);animation:researchCompanyPulse 2s ease-out infinite}.rs-company b{color:var(--aqua)}
.research-bridge{position:relative;display:grid;place-items:center}.research-bridge::before{content:"";position:absolute;left:50%;top:30px;bottom:30px;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--detail-tint) 38%,var(--edge)),transparent)}.research-bridge b{position:relative;z-index:2;writing-mode:vertical-rl;transform:rotate(180deg);padding:8px 6px;border:1px solid var(--edge);border-radius:999px;background:var(--bg2);font-family:var(--ff-m);font-size:.34rem;letter-spacing:.08em;color:var(--detail-tint)}.research-particle{position:absolute;left:50%;top:17%;width:7px;height:7px;margin-left:-3.5px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint);animation:researchParticle 3.2s ease-in-out infinite}.research-particle.p2{animation-delay:-1.6s}
.research-report{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 72%,transparent);overflow:hidden}.rr-toolbar{height:43px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent)}.rr-toolbar i{width:7px;height:7px;border-radius:50%;background:var(--fg3);opacity:.42}.rr-toolbar b{font-family:var(--ff-m);font-size:.42rem;color:var(--fg2)}.rr-toolbar span{margin-left:auto;padding:5px 8px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.34rem;color:var(--aqua)}
.rr-page{position:absolute;left:20px;right:20px;top:61px;bottom:18px;padding:21px 22px;border:1px solid var(--edge);border-radius:12px;background:color-mix(in srgb,var(--bg2) 94%,transparent);overflow:hidden}.rr-page small{font-family:var(--ff-m);font-size:.35rem;letter-spacing:.08em;color:var(--detail-tint)}.rr-page h5{margin-top:7px;font-family:var(--ff-d);font-size:1rem;letter-spacing:-.035em}.rr-section{margin-top:15px}.rr-section b{display:block;font-size:.53rem;margin-bottom:7px}.rr-writing{display:grid;gap:6px}.rr-writing i{display:block;height:5px;border-radius:999px;background:color-mix(in srgb,var(--fg3) 28%,transparent);transform-origin:left center;animation:researchWrite 6.4s var(--spring) infinite}.rr-writing i:nth-child(1){width:94%}.rr-writing i:nth-child(2){width:88%;animation-delay:-.15s}.rr-writing i:nth-child(3){width:71%;animation-delay:-.3s}.rr-writing i:nth-child(4){width:82%;animation-delay:-.45s}.rr-writing i:nth-child(5){width:56%;animation-delay:-.6s}
.rr-cite{display:inline-flex;align-items:center;gap:5px;margin-top:11px;padding:5px 7px;border:1px solid color-mix(in srgb,var(--detail-tint) 24%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.33rem;color:var(--detail-tint);animation:researchCite 4.8s ease-in-out infinite}.rr-cite i{width:5px;height:5px;border-radius:50%;background:var(--detail-tint)}
.rr-ready{position:absolute;right:12px;bottom:10px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));border-radius:10px;background:color-mix(in srgb,var(--aqua) 7%,var(--bg2));font-family:var(--ff-m);font-size:.36rem;color:var(--aqua);box-shadow:0 10px 24px -18px var(--aqua)}
.research-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}.research-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}
@keyframes researchSource{0%,100%{opacity:.56;transform:translateX(0)}26%,48%{opacity:1;transform:translateX(3px);border-color:color-mix(in srgb,var(--source-tint,var(--detail-tint)) 28%,var(--edge))}}
@keyframes researchCompanyPulse{100%{box-shadow:0 0 0 9px transparent}}
@keyframes researchParticle{0%{transform:translateY(0) scale(.55);opacity:0}20%{opacity:1}78%{transform:translateY(238px) scale(1);opacity:1}100%{transform:translateY(280px) scale(.5);opacity:0}}
@keyframes researchWrite{0%,16%{transform:scaleX(.08);opacity:.28}42%,100%{transform:scaleX(1);opacity:1}}
@keyframes researchCite{0%,100%{border-color:color-mix(in srgb,var(--detail-tint) 18%,var(--edge));transform:none}44%{border-color:color-mix(in srgb,var(--detail-tint) 48%,var(--edge));transform:translateY(-2px)}}
[data-theme="light"] .research-visual-story{background:radial-gradient(74% 110% at 0% 90%,rgba(63,224,200,.06),transparent 70%),radial-gradient(75% 120% at 100% 10%,rgba(124,124,255,.065),transparent 72%),rgba(255,255,255,.78)}
@media(max-width:820px){.research-workspace{grid-template-columns:1fr;min-height:0}.research-bridge{height:46px}.research-bridge::before{left:25px;right:25px;top:50%;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--detail-tint) 38%,var(--edge)),transparent)}.research-bridge b{writing-mode:horizontal-tb;transform:none}.research-particle{top:50%;left:16%;margin-top:-3.5px;animation:researchParticleMobile 3.2s ease-in-out infinite}.research-particle.p2{animation-delay:-1.6s}.research-report{min-height:330px}.research-sources{grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto auto}.rs-head,.rs-company{grid-column:1/-1}}
@keyframes researchParticleMobile{0%{transform:translateX(0) scale(.55);opacity:0}20%{opacity:1}78%{transform:translateX(360px) scale(1);opacity:1}100%{transform:translateX(430px) scale(.5);opacity:0}}
@media(max-width:700px){.research-visual-head{align-items:flex-start;margin-bottom:18px}.research-visual-head>span{display:none}.research-brief{grid-template-columns:35px 1fr;align-items:start}.rb-copy b{white-space:normal;overflow:visible;text-overflow:clip;line-height:1.35}.rb-context{grid-column:1/-1;justify-self:start;margin-left:46px}.research-sources{grid-template-columns:1fr}.rs-head,.rs-company{grid-column:auto}.rs-source span{display:none}.research-report{min-height:350px}.rr-page{left:12px;right:12px;padding:18px}.research-visual-bottom{display:grid;gap:9px}@keyframes researchParticleMobile{0%{transform:translateX(0) scale(.55);opacity:0}20%{opacity:1}78%{transform:translateX(190px) scale(1);opacity:1}100%{transform:translateX(220px) scale(.5);opacity:0}}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .research-visual-story *{animation:none!important}}
html.motion-paused .research-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6D · RUN WORK FROM ONE CANVAS
   Dedicated explanatory visual: one project → files/apps/agents/tools visible and active together.
   ===================================================================== */
.canvas-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(74% 120% at 6% 10%,rgba(124,124,255,.085),transparent 68%),
    radial-gradient(70% 110% at 96% 88%,rgba(63,224,200,.065),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.canvas-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.canvas-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.canvas-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.canvas-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}
.canvas-shell{position:relative;min-height:455px;border:1px solid var(--edge2);border-radius:19px;overflow:hidden;background:color-mix(in srgb,var(--bg) 72%,transparent)}
.canvas-toolbar{height:47px;display:flex;align-items:center;gap:9px;padding:0 14px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 72%,transparent);position:relative;z-index:8}
.canvas-toolbar i{width:7px;height:7px;border-radius:50%;background:var(--fg3);opacity:.38}.canvas-toolbar i:first-child{background:var(--coral);opacity:.86}.canvas-toolbar i:nth-child(2){background:var(--detail-tint);opacity:.9}.canvas-toolbar i:nth-child(3){background:var(--aqua);opacity:.86}
.canvas-toolbar b{margin-left:7px;font-family:var(--ff-m);font-size:.46rem;letter-spacing:.08em;color:var(--fg2)}.canvas-toolbar span{margin-left:auto;padding:5px 8px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.36rem;color:var(--aqua)}
.canvas-viewport{position:absolute;inset:47px 0 0;overflow:hidden;background-image:linear-gradient(color-mix(in srgb,var(--fg3) 9%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--fg3) 9%,transparent) 1px,transparent 1px);background-size:32px 32px}
.canvas-plane{position:absolute;inset:-35px -55px -35px -55px;transform-origin:50% 50%;animation:canvasPan 12s var(--e) infinite}
.canvas-plane::before{content:"";position:absolute;inset:0;background:radial-gradient(42% 52% at 53% 48%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 70%)}
.canvas-project{position:absolute;left:50%;top:50%;width:166px;height:102px;transform:translate(-50%,-50%);border:1px solid color-mix(in srgb,var(--detail-tint) 34%,var(--edge));border-radius:22px;background:radial-gradient(circle at 50% 15%,color-mix(in srgb,var(--detail-tint) 9%,var(--bg2)),var(--bg2));box-shadow:0 0 58px -30px var(--detail-tint),0 24px 44px -38px rgba(0,0,0,.8);display:grid;place-items:center;text-align:center;z-index:5;animation:canvasCore 5.4s ease-in-out infinite}
.canvas-project strong{display:block;font-family:var(--ff-d);font-size:1rem;letter-spacing:-.03em}.canvas-project small{display:block;margin-top:4px;font-family:var(--ff-m);font-size:.38rem;letter-spacing:.09em;color:var(--aqua)}
.canvas-project::before,.canvas-project::after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--detail-tint) 15%,transparent);border-radius:27px;animation:canvasRing 3.8s ease-out infinite}.canvas-project::before{inset:-12px}.canvas-project::after{inset:-24px;animation-delay:-1.9s}
.canvas-card{--card-tint:var(--detail-tint);position:absolute;width:174px;min-height:105px;padding:12px;border:1px solid color-mix(in srgb,var(--card-tint) 22%,var(--edge));border-radius:16px;background:color-mix(in srgb,var(--bg2) 82%,transparent);box-shadow:0 20px 45px -38px rgba(0,0,0,.9);z-index:4;transition:transform .4s var(--spring),border-color .3s var(--e),box-shadow .35s var(--e)}
.canvas-card:hover{transform:translateY(-5px) scale(1.02);border-color:color-mix(in srgb,var(--card-tint) 52%,var(--edge));box-shadow:0 22px 44px -32px var(--card-tint)}
.canvas-card small{display:block;font-family:var(--ff-m);font-size:.36rem;letter-spacing:.09em;color:var(--card-tint)}.canvas-card b{display:block;margin-top:5px;font-size:.67rem;line-height:1.28}.canvas-card span{display:block;margin-top:6px;font-size:.48rem;line-height:1.35;color:var(--fg3)}
.canvas-card::after{content:"";position:absolute;left:12px;right:12px;bottom:9px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--card-tint),transparent);opacity:.45}
.cc-doc{left:8%;top:10%;--card-tint:var(--peri);animation:canvasFloat1 6.4s ease-in-out infinite}.cc-app{right:7%;top:11%;--card-tint:var(--aqua);animation:canvasFloat2 7.2s ease-in-out infinite}.cc-file{left:6%;bottom:9%;--card-tint:var(--coral);animation:canvasFloat2 6.8s ease-in-out infinite reverse}.cc-agent{right:8%;bottom:8%;--card-tint:var(--violet);animation:canvasFloat1 7.5s ease-in-out infinite reverse}
.canvas-link{position:absolute;height:1px;left:50%;top:50%;width:31%;transform-origin:0 50%;background:linear-gradient(90deg,color-mix(in srgb,var(--detail-tint) 40%,transparent),transparent);z-index:2;opacity:.55}.cl1{transform:rotate(211deg)}.cl2{transform:rotate(327deg)}.cl3{transform:rotate(148deg)}.cl4{transform:rotate(32deg)}
.canvas-packet{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 15px var(--aqua);z-index:6;animation:canvasPacket 4.6s ease-in-out infinite}.cp1{--ang:211deg;animation-delay:-.3s}.cp2{--ang:327deg;animation-delay:-1.4s}.cp3{--ang:148deg;animation-delay:-2.5s}.cp4{--ang:32deg;animation-delay:-3.6s}
.canvas-cursor{position:absolute;left:57%;top:38%;width:18px;height:24px;z-index:7;filter:drop-shadow(0 8px 8px rgba(0,0,0,.28));animation:canvasCursor 7s var(--spring) infinite}.canvas-cursor::before{content:"";position:absolute;inset:0;background:linear-gradient(145deg,#fff,#dfe5ff);clip-path:polygon(0 0,0 100%,27% 72%,43% 100%,58% 92%,43% 65%,78% 63%);border-radius:2px}
.canvas-focus{position:absolute;left:calc(50% - 114px);top:calc(50% - 78px);width:228px;height:156px;border:1px dashed color-mix(in srgb,var(--aqua) 22%,transparent);border-radius:27px;z-index:1;animation:canvasFocus 5.5s ease-in-out infinite}
.canvas-legend{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.canvas-legend span{padding:7px 10px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);font-family:var(--ff-m);font-size:.39rem;color:var(--fg3)}
.canvas-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}.canvas-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}
@keyframes canvasPan{0%,100%{transform:translate3d(-9px,-5px,0) scale(1.01)}50%{transform:translate3d(14px,8px,0) scale(1.025)}}
@keyframes canvasCore{0%,100%{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.025)}}
@keyframes canvasRing{0%{transform:scale(.94);opacity:.55}100%{transform:scale(1.12);opacity:0}}
@keyframes canvasFloat1{0%,100%{margin-top:0}50%{margin-top:-7px}}
@keyframes canvasFloat2{0%,100%{margin-left:0}50%{margin-left:7px}}
@keyframes canvasPacket{0%,8%{transform:translate(-50%,-50%) rotate(var(--ang)) translateX(10px) scale(.55);opacity:0}19%{opacity:1}78%{transform:translate(-50%,-50%) rotate(var(--ang)) translateX(175px) scale(1);opacity:1}100%{transform:translate(-50%,-50%) rotate(var(--ang)) translateX(190px) scale(.45);opacity:0}}
@keyframes canvasCursor{0%,100%{transform:translate(0,0) rotate(-8deg)}25%{transform:translate(98px,-42px) rotate(-4deg)}48%{transform:translate(66px,126px) rotate(-5deg)}72%{transform:translate(-134px,93px) rotate(-9deg)}}
@keyframes canvasFocus{0%,100%{opacity:.22;transform:scale(.96)}50%{opacity:.65;transform:scale(1)}}
[data-theme="light"] .canvas-visual-story{background:radial-gradient(74% 120% at 6% 10%,rgba(124,124,255,.07),transparent 68%),radial-gradient(70% 110% at 96% 88%,rgba(63,224,200,.055),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:820px){.canvas-shell{min-height:500px}.cc-doc{left:4%;top:8%}.cc-app{right:4%;top:8%}.cc-file{left:4%;bottom:7%}.cc-agent{right:4%;bottom:7%}.canvas-link{width:27%}.canvas-packet{display:none}}
@media(max-width:700px){.canvas-visual-head{align-items:flex-start;margin-bottom:18px}.canvas-visual-head>span{display:none}.canvas-shell{min-height:590px}.canvas-card{width:calc(50% - 20px);min-height:105px}.cc-doc{left:12px;top:12px}.cc-app{right:12px;top:12px}.cc-file{left:12px;bottom:12px}.cc-agent{right:12px;bottom:12px}.canvas-project{width:142px;height:94px}.canvas-link{display:none}.canvas-cursor{display:none}.canvas-focus{left:50%;top:50%;width:190px;height:140px;transform:translate(-50%,-50%);animation:canvasFocusMobile 5.5s ease-in-out infinite}.canvas-legend{display:grid;grid-template-columns:1fr 1fr}.canvas-legend span{text-align:center}.canvas-visual-bottom{display:grid;gap:9px}@keyframes canvasFocusMobile{0%,100%{opacity:.22;transform:translate(-50%,-50%) scale(.96)}50%{opacity:.65;transform:translate(-50%,-50%) scale(1)}}}
@media(max-width:700px){
  .canvas-plane{inset:0;animation:canvasPanMobile 10s var(--e) infinite}
  .canvas-card{width:calc(50% - 17px)}
  .cc-doc{left:10px;top:10px}.cc-app{right:10px;top:10px}.cc-file{left:10px;bottom:10px}.cc-agent{right:10px;bottom:10px}
  @keyframes canvasPanMobile{0%,100%{transform:translate3d(-2px,-2px,0)}50%{transform:translate3d(2px,2px,0)}}
}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .canvas-visual-story *{animation:none!important}}
html.motion-paused .canvas-visual-story *{animation-play-state:paused!important}

/* =====================================================================
   USE CASES V6D · CREATE, VISUALISE, PRESENT
   Dedicated explanatory visual: working content stays connected while it changes form.
   ===================================================================== */
.create-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(76% 118% at 0% 16%,rgba(255,158,122,.07),transparent 68%),
    radial-gradient(68% 112% at 100% 84%,rgba(192,139,255,.075),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.create-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.create-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}.create-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}.create-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}
.create-studio{display:grid;grid-template-columns:minmax(0,.92fr) 50px minmax(0,.9fr) 50px minmax(0,1.05fr);align-items:stretch;min-height:405px}
.create-pane{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 72%,transparent);overflow:hidden;min-width:0;transition:transform .4s var(--spring),border-color .3s var(--e)}.create-pane:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--pane-tint) 34%,var(--edge))}.create-pane-head{height:44px;display:flex;align-items:center;gap:8px;padding:0 11px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent)}.create-pane-head i{width:7px;height:7px;border-radius:50%;background:var(--pane-tint);box-shadow:0 0 12px -3px var(--pane-tint)}.create-pane-head b{font-family:var(--ff-m);font-size:.41rem;letter-spacing:.08em;color:var(--fg2)}.create-pane-head span{margin-left:auto;font-family:var(--ff-m);font-size:.33rem;color:var(--pane-tint)}
.create-doc{--pane-tint:var(--peri);padding-bottom:13px}.cd-page{margin:13px;padding:18px;border:1px solid var(--edge2);border-radius:12px;background:color-mix(in srgb,var(--bg2) 86%,transparent);min-height:320px}.cd-page small{font-family:var(--ff-m);font-size:.34rem;color:var(--peri)}.cd-page h5{font-family:var(--ff-d);font-size:.87rem;letter-spacing:-.035em;line-height:1.1;margin:8px 0 15px}.cd-line{height:5px;border-radius:999px;background:color-mix(in srgb,var(--fg3) 24%,transparent);margin:7px 0}.cd-line.a{width:93%}.cd-line.b{width:79%}.cd-line.c{width:61%}.cd-data{margin-top:18px;padding:10px;border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge));border-radius:10px;background:color-mix(in srgb,var(--aqua) 4%,var(--glass2))}.cd-data b{font-family:var(--ff-m);font-size:.38rem;color:var(--aqua)}.cd-bars{display:flex;align-items:end;gap:5px;height:54px;margin-top:8px}.cd-bars i{flex:1;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--aqua),color-mix(in srgb,var(--aqua) 20%,transparent));height:var(--h);animation:createBars 5.2s ease-in-out infinite}.cd-bars i:nth-child(2){animation-delay:-1s}.cd-bars i:nth-child(3){animation-delay:-2s}.cd-bars i:nth-child(4){animation-delay:-3s}.cd-bars i:nth-child(5){animation-delay:-4s}
.create-shape{--pane-tint:var(--aqua)}.cs-board{position:absolute;inset:57px 13px 13px;border:1px solid var(--edge2);border-radius:12px;background-image:linear-gradient(color-mix(in srgb,var(--fg3) 8%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in srgb,var(--fg3) 8%,transparent) 1px,transparent 1px);background-size:22px 22px;overflow:hidden}.cs-card{position:absolute;padding:9px 10px;border:1px solid var(--edge);border-radius:10px;background:color-mix(in srgb,var(--bg2) 88%,transparent);font-size:.45rem;font-weight:750;box-shadow:0 16px 28px -24px rgba(0,0,0,.8);animation:createFloat 5.8s ease-in-out infinite}.cs-card.c1{left:9%;top:13%;color:var(--peri)}.cs-card.c2{right:8%;top:18%;color:var(--aqua);animation-delay:-1.7s}.cs-card.c3{left:22%;bottom:14%;color:var(--coral);animation-delay:-3.2s}.cs-card.c4{right:11%;bottom:17%;color:var(--violet);animation-delay:-4.4s}.cs-chart{position:absolute;left:50%;top:50%;width:96px;height:96px;transform:translate(-50%,-50%);border-radius:50%;background:conic-gradient(var(--peri) 0 31%,var(--aqua) 31% 61%,var(--coral) 61% 79%,var(--violet) 79% 100%);box-shadow:0 0 35px -18px var(--aqua);animation:createChart 6s ease-in-out infinite}.cs-chart::after{content:"VISUAL";position:absolute;inset:21px;border-radius:50%;display:grid;place-items:center;background:var(--bg2);font-family:var(--ff-m);font-size:.34rem;color:var(--fg2)}
.create-deck{--pane-tint:var(--violet)}.deck-stack{position:absolute;left:14px;right:14px;top:60px;bottom:16px}.deck-slide{position:absolute;left:0;right:0;height:76%;border:1px solid var(--edge);border-radius:13px;background:linear-gradient(145deg,color-mix(in srgb,var(--violet) 7%,var(--bg2)),var(--bg2));padding:18px;box-shadow:0 22px 45px -36px rgba(0,0,0,.9)}.deck-slide.s3{top:22%;transform:scale(.9);opacity:.28}.deck-slide.s2{top:12%;transform:scale(.95);opacity:.52}.deck-slide.s1{top:2%;z-index:3;animation:createSlide 6.6s var(--spring) infinite}.deck-slide small{font-family:var(--ff-m);font-size:.33rem;color:var(--violet)}.deck-slide h5{font-family:var(--ff-d);font-size:.92rem;line-height:1.05;letter-spacing:-.04em;margin-top:7px}.slide-visual{display:grid;grid-template-columns:1.05fr .95fr;gap:8px;margin-top:15px}.slide-copy{display:grid;gap:6px}.slide-copy i{height:5px;border-radius:99px;background:color-mix(in srgb,var(--fg3) 22%,transparent)}.slide-copy i:nth-child(2){width:82%}.slide-copy i:nth-child(3){width:68%}.slide-chart{display:flex;align-items:end;gap:4px;height:65px;padding:8px;border:1px solid var(--edge2);border-radius:9px}.slide-chart i{flex:1;height:var(--h);border-radius:3px 3px 1px 1px;background:linear-gradient(180deg,var(--violet),color-mix(in srgb,var(--violet) 18%,transparent))}.deck-ready{position:absolute;right:10px;bottom:9px;z-index:4;padding:6px 9px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));border-radius:999px;background:color-mix(in srgb,var(--bg2) 88%,transparent);font-family:var(--ff-m);font-size:.32rem;color:var(--aqua);animation:createReady 4.8s ease-in-out infinite}
.create-bridge{position:relative;display:grid;place-items:center}.create-bridge::before{content:"";position:absolute;left:6px;right:6px;top:50%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--detail-tint) 38%,var(--edge)),transparent)}.create-bridge b{position:relative;z-index:2;padding:5px;background:var(--bg);font-family:var(--ff-m);font-size:.31rem;letter-spacing:.09em;color:var(--fg3);writing-mode:vertical-rl;transform:rotate(180deg)}.create-particle{position:absolute;top:50%;left:6px;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--aqua);box-shadow:0 0 14px var(--aqua);z-index:3;animation:createParticle 3s ease-in-out infinite}.create-particle.p2{animation-delay:-1.5s;background:var(--violet);box-shadow:0 0 14px var(--violet)}
.create-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}.create-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}
@keyframes createBars{0%,100%{transform:scaleY(.78);opacity:.55}50%{transform:scaleY(1);opacity:1}}
@keyframes createFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes createChart{0%,100%{transform:translate(-50%,-50%) rotate(0deg) scale(.98)}50%{transform:translate(-50%,-50%) rotate(8deg) scale(1.04)}}
@keyframes createSlide{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-5px) rotate(-.5deg)}}
@keyframes createReady{0%,100%{opacity:.5;transform:translateY(2px)}50%{opacity:1;transform:translateY(0)}}
@keyframes createParticle{0%{transform:translateX(0) scale(.55);opacity:0}20%{opacity:1}78%{transform:translateX(38px) scale(1);opacity:1}100%{transform:translateX(43px) scale(.45);opacity:0}}
[data-theme="light"] .create-visual-story{background:radial-gradient(76% 118% at 0% 16%,rgba(255,158,122,.06),transparent 68%),radial-gradient(68% 112% at 100% 84%,rgba(192,139,255,.065),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:960px){.create-studio{grid-template-columns:1fr 42px 1fr;grid-template-rows:auto 42px auto}.create-doc{grid-column:1}.create-bridge.b1{grid-column:2}.create-shape{grid-column:3}.create-bridge.b2{grid-column:1/-1;grid-row:2;height:42px}.create-bridge.b2::before{left:22%;right:22%;top:50%}.create-bridge.b2 b{writing-mode:horizontal-tb;transform:none}.create-bridge.b2 .create-particle{left:34%;animation:createParticleWide 3.1s ease-in-out infinite}.create-bridge.b2 .create-particle.p2{animation-delay:-1.55s}.create-deck{grid-column:1/-1;grid-row:3;min-height:330px}.deck-stack{left:16%;right:16%}@keyframes createParticleWide{0%{transform:translateX(0) scale(.55);opacity:0}20%{opacity:1}78%{transform:translateX(180px) scale(1);opacity:1}100%{transform:translateX(200px) scale(.45);opacity:0}}}
@media(max-width:700px){.create-visual-head{align-items:flex-start;margin-bottom:18px}.create-visual-head>span{display:none}.create-studio{display:grid;grid-template-columns:1fr;grid-template-rows:auto 42px auto 42px auto}.create-doc,.create-shape,.create-deck,.create-bridge.b1,.create-bridge.b2{grid-column:1;grid-row:auto}.create-pane{min-height:330px}.create-bridge{height:42px}.create-bridge::before,.create-bridge.b2::before{left:24px;right:24px;top:50%}.create-bridge b,.create-bridge.b2 b{writing-mode:horizontal-tb;transform:none}.create-bridge .create-particle,.create-bridge.b2 .create-particle{left:22%;animation:createParticleMobile2 3.1s ease-in-out infinite}.create-bridge .create-particle.p2,.create-bridge.b2 .create-particle.p2{animation-delay:-1.55s}.create-deck{min-height:345px}.deck-stack{left:12px;right:12px}.create-visual-bottom{display:grid;gap:9px}@keyframes createParticleMobile2{0%{transform:translateX(0) scale(.55);opacity:0}20%{opacity:1}78%{transform:translateX(190px) scale(1);opacity:1}100%{transform:translateX(220px) scale(.45);opacity:0}}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .create-visual-story *{animation:none!important}}
html.motion-paused .create-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6E · CUSTOMER & COMMUNICATION
   07 Customer follow-up · 08 One conversation across channels
   ===================================================================== */

/* 07 · CUSTOMER FOLLOW-UP */
.followup-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(76% 120% at 3% 12%,rgba(63,224,200,.085),transparent 68%),
    radial-gradient(68% 112% at 98% 88%,rgba(124,124,255,.06),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.followup-visual-head,.omni-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.followup-visual-head small,.omni-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.followup-visual-head h4,.omni-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.followup-visual-head>span,.omni-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}
.followup-console{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);gap:12px;align-items:stretch}
.fu-panel{position:relative;min-height:365px;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden}
.fu-panel-head{height:45px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 60%,transparent)}
.fu-panel-head i{width:7px;height:7px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 0 0 color-mix(in srgb,var(--detail-tint) 45%,transparent);animation:fuLive 1.9s ease-out infinite}
.fu-panel-head b{font-family:var(--ff-m);font-size:.42rem;letter-spacing:.08em;color:var(--fg2)}
.fu-panel-head span{margin-left:auto;font-family:var(--ff-m);font-size:.35rem;color:var(--detail-tint)}
.fu-contact{display:flex;align-items:center;gap:12px;padding:17px 16px 12px}
.fu-avatar{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--detail-tint) 28%,var(--bg2)),color-mix(in srgb,var(--peri) 12%,var(--bg2)));border:1px solid color-mix(in srgb,var(--detail-tint) 28%,var(--edge));font-family:var(--ff-d);font-weight:800}
.fu-contact div:last-child{display:grid}.fu-contact small{font-family:var(--ff-m);font-size:.34rem;letter-spacing:.08em;color:var(--fg3)}.fu-contact b{font-size:.72rem}.fu-contact em{font-style:normal;color:var(--fg3);font-size:.48rem}
.fu-wave{height:62px;margin:4px 16px 15px;padding:10px 12px;display:flex;align-items:center;gap:4px;border:1px solid var(--edge2);border-radius:13px;background:color-mix(in srgb,var(--bg) 45%,transparent)}
.fu-wave i{flex:1;max-width:6px;height:var(--h);min-height:5px;border-radius:99px;background:linear-gradient(180deg,var(--detail-tint),color-mix(in srgb,var(--detail-tint) 22%,transparent));transform-origin:50% 50%;animation:fuWave 1.2s ease-in-out infinite}.fu-wave i:nth-child(2n){animation-delay:-.3s}.fu-wave i:nth-child(3n){animation-delay:-.65s}
.fu-transcript{display:grid;gap:8px;padding:0 16px 16px}.fu-line{padding:10px 11px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass);font-size:.58rem;line-height:1.4;color:var(--fg2);animation:fuTranscript 6s ease-in-out infinite}.fu-line:nth-child(2){animation-delay:-3s}
.fu-line b{color:var(--fg);font-size:.58rem}.fu-line mark{padding:2px 4px;border-radius:5px;background:color-mix(in srgb,var(--coral) 14%,transparent);color:var(--coral)}
.fu-bridge{position:relative;display:grid;place-items:center;min-height:365px}
.fu-bridge::before{content:"";position:absolute;left:50%;top:28px;bottom:28px;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--detail-tint) 46%,var(--edge)),transparent)}
.fu-engine{position:relative;z-index:3;width:72px;height:72px;border-radius:24px;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 11%,var(--bg2)),var(--bg2));border:1px solid color-mix(in srgb,var(--detail-tint) 34%,var(--edge));box-shadow:0 0 44px -24px var(--detail-tint);animation:fuEngine 4.8s ease-in-out infinite}
.fu-engine b{font-family:var(--ff-d);font-size:.72rem;line-height:1}.fu-engine small{display:block;margin-top:4px;font-family:var(--ff-m);font-size:.27rem;color:var(--detail-tint)}
.fu-engine::before,.fu-engine::after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--detail-tint) 16%,transparent);border-radius:28px;animation:fuRing 3.4s ease-out infinite}.fu-engine::before{inset:-10px}.fu-engine::after{inset:-20px;animation-delay:-1.7s}
.fu-packet{position:absolute;left:50%;top:42px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:var(--aqua);box-shadow:0 0 14px var(--aqua);z-index:4;animation:fuPacket 3.8s ease-in-out infinite}.fu-packet.p2{animation-delay:-1.9s;background:var(--coral);box-shadow:0 0 14px var(--coral)}
.fu-actions{padding:15px;display:grid;align-content:start;gap:9px}
.fu-next{padding:12px;border:1px solid color-mix(in srgb,var(--detail-tint) 25%,var(--edge));border-radius:14px;background:linear-gradient(110deg,color-mix(in srgb,var(--detail-tint) 8%,var(--glass)),var(--glass));animation:fuNext 5.4s ease-in-out infinite}
.fu-next small{font-family:var(--ff-m);font-size:.34rem;color:var(--detail-tint)}.fu-next b{display:block;margin-top:5px;font-size:.66rem;line-height:1.28}.fu-next span{display:block;margin-top:5px;color:var(--fg3);font-size:.47rem}
.fu-action{display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--edge2);border-radius:13px;background:var(--glass);animation:fuAction 6s var(--spring) infinite;opacity:.8}.fu-action:nth-child(3){animation-delay:-2s}.fu-action:nth-child(4){animation-delay:-4s}
.fu-action-icon{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--action-tint) 9%,transparent);color:var(--action-tint);font-family:var(--ff-m);font-size:.42rem;border:1px solid color-mix(in srgb,var(--action-tint) 20%,var(--edge))}
.fu-action small{display:block;font-family:var(--ff-m);font-size:.31rem;color:var(--action-tint)}.fu-action b{display:block;margin-top:3px;font-size:.59rem}.fu-action>span{font-family:var(--ff-m);font-size:.3rem;color:var(--fg3)}
.fu-done{display:flex;align-items:center;gap:7px;margin-top:2px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge));border-radius:11px;color:var(--aqua);font-family:var(--ff-m);font-size:.34rem;background:color-mix(in srgb,var(--aqua) 5%,transparent);animation:fuDone 5.4s ease-in-out infinite}
.followup-visual-bottom,.omni-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}
.followup-visual-bottom span,.omni-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}
@keyframes fuLive{100%{box-shadow:0 0 0 9px transparent}}
@keyframes fuWave{0%,100%{transform:scaleY(.7);opacity:.5}50%{transform:scaleY(1.16);opacity:1}}
@keyframes fuTranscript{0%,100%{border-color:var(--edge2);transform:none}35%,55%{border-color:color-mix(in srgb,var(--detail-tint) 32%,var(--edge));transform:translateX(2px)}}
@keyframes fuEngine{50%{transform:translateY(-3px);box-shadow:0 0 54px -20px var(--detail-tint)}}
@keyframes fuRing{0%{transform:scale(.94);opacity:.7}100%{transform:scale(1.13);opacity:0}}
@keyframes fuPacket{0%{transform:translateY(0) scale(.55);opacity:0}18%{opacity:1}78%{transform:translateY(278px) scale(1);opacity:1}100%{transform:translateY(305px) scale(.5);opacity:0}}
@keyframes fuNext{0%,100%{border-color:color-mix(in srgb,var(--detail-tint) 20%,var(--edge))}48%{border-color:color-mix(in srgb,var(--detail-tint) 52%,var(--edge));box-shadow:0 14px 30px -25px var(--detail-tint)}}
@keyframes fuAction{0%,100%{transform:translateX(0);opacity:.62}32%,58%{transform:translateX(4px);opacity:1;border-color:color-mix(in srgb,var(--action-tint) 34%,var(--edge))}}
@keyframes fuDone{0%,100%{opacity:.45}50%{opacity:1}}
[data-theme="light"] .followup-visual-story{background:radial-gradient(76% 120% at 3% 12%,rgba(63,224,200,.06),transparent 68%),radial-gradient(68% 112% at 98% 88%,rgba(124,124,255,.05),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:820px){.followup-console{grid-template-columns:1fr;gap:0}.fu-panel{min-height:0}.fu-bridge{min-height:54px;height:54px}.fu-bridge::before{left:28px;right:28px;top:50%;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--detail-tint) 46%,var(--edge)),transparent)}.fu-engine{width:84px;height:38px;border-radius:14px}.fu-engine b{font-size:0;white-space:nowrap}.fu-engine b::after{content:"NEXT STEP";font-size:.56rem}.fu-engine b br{display:none}.fu-engine small{display:none}.fu-engine::before,.fu-engine::after{display:none}.fu-packet{top:50%;left:18%;margin-top:-3px;animation:fuPacketMobile 3.3s ease-in-out infinite}.fu-packet.p2{animation-delay:-1.65s}@keyframes fuPacketMobile{0%{transform:translateX(0) scale(.55);opacity:0}18%{opacity:1}78%{transform:translateX(310px) scale(1);opacity:1}100%{transform:translateX(350px) scale(.5);opacity:0}}}
@media(max-width:700px){.followup-visual-head,.omni-visual-head{align-items:flex-start;margin-bottom:18px}.followup-visual-head>span,.omni-visual-head>span{display:none}.fu-wave{height:52px}.fu-action{grid-template-columns:32px 1fr}.fu-action>span{display:none}.followup-visual-bottom,.omni-visual-bottom{display:grid;gap:9px}@keyframes fuPacketMobile{0%{transform:translateX(0) scale(.55);opacity:0}18%{opacity:1}78%{transform:translateX(190px) scale(1);opacity:1}100%{transform:translateX(220px) scale(.5);opacity:0}}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .followup-visual-story *{animation:none!important}}
html.motion-paused .followup-visual-story *{animation-play-state:paused!important}

/* 08 · ONE CONVERSATION ACROSS CHANNELS */
.omni-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(74% 115% at 0% 90%,rgba(63,224,200,.07),transparent 70%),
    radial-gradient(72% 115% at 100% 6%,rgba(192,139,255,.07),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.omni-workspace{display:grid;grid-template-columns:220px minmax(0,1fr);gap:12px;min-height:430px}
.omni-identity,.omni-thread-shell{border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden}
.oi-head,.ot-head{height:44px;display:flex;align-items:center;padding:0 12px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.38rem;letter-spacing:.08em;color:var(--fg3)}
.oi-person{padding:20px 16px 15px;text-align:center;border-bottom:1px solid var(--edge2)}
.oi-avatar{width:58px;height:58px;margin:auto;border-radius:20px;display:grid;place-items:center;background:linear-gradient(145deg,color-mix(in srgb,var(--detail-tint) 30%,var(--bg2)),color-mix(in srgb,var(--violet) 14%,var(--bg2)));border:1px solid color-mix(in srgb,var(--detail-tint) 30%,var(--edge));box-shadow:0 15px 32px -24px var(--detail-tint);font-family:var(--ff-d);font-size:1.05rem;font-weight:800;animation:omniAvatar 5.8s ease-in-out infinite}
.oi-person b{display:block;margin-top:10px;font-size:.72rem}.oi-person small{display:block;margin-top:3px;font-family:var(--ff-m);font-size:.33rem;color:var(--aqua)}
.oi-channels{display:grid;gap:7px;padding:12px}.oi-channel{--ch:var(--detail-tint);display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass);animation:omniChannel 8s ease-in-out infinite}.oi-channel:nth-child(2){animation-delay:-2s}.oi-channel:nth-child(3){animation-delay:-4s}.oi-channel:nth-child(4){animation-delay:-6s}
.oi-channel i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--ch) 10%,transparent);border:1px solid color-mix(in srgb,var(--ch) 20%,var(--edge));font-style:normal;color:var(--ch);font-family:var(--ff-m);font-size:.35rem}
.oi-channel b{font-size:.54rem}.oi-channel small{font-family:var(--ff-m);font-size:.28rem;color:var(--fg3)}
.ot-head{gap:8px}.ot-head b{color:var(--fg2)}.ot-head span{margin-left:auto;padding:4px 7px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge));border-radius:999px;color:var(--aqua);font-size:.31rem}
.omni-thread{position:relative;padding:18px 18px 14px 44px;min-height:310px}
.omni-thread::before{content:"";position:absolute;left:25px;top:19px;bottom:20px;width:2px;border-radius:99px;background:linear-gradient(var(--detail-tint),var(--aqua) 48%,var(--violet))}
.omni-thread-pulse{position:absolute;left:22px;top:24px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--detail-tint) 20%,transparent),0 0 17px var(--detail-tint);z-index:4;animation:omniPulse 8s ease-in-out infinite}
.omni-message{--ch:var(--detail-tint);position:relative;margin-bottom:10px;padding:10px 11px;border:1px solid var(--edge2);border-radius:13px;background:var(--glass);animation:omniMessage 8s var(--spring) infinite}.omni-message:nth-of-type(3){animation-delay:-2s}.omni-message:nth-of-type(4){animation-delay:-4s}.omni-message:nth-of-type(5){animation-delay:-6s}
.omni-message::before{content:"";position:absolute;left:-23px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--ch);box-shadow:0 0 0 3px var(--bg2)}
.omni-message small{font-family:var(--ff-m);font-size:.31rem;color:var(--ch)}.omni-message b{display:block;margin-top:4px;font-size:.59rem;line-height:1.35}.omni-message span{display:block;margin-top:4px;color:var(--fg3);font-size:.44rem}
.omni-context{display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin:0 14px 14px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--aqua) 23%,var(--edge));border-radius:13px;background:linear-gradient(100deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass))}
.omni-context>small{font-family:var(--ff-m);font-size:.3rem;color:var(--aqua)}.omni-context div{display:flex;flex-wrap:wrap;gap:5px}.omni-context div span{padding:5px 7px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass);font-size:.4rem;color:var(--fg2)}.omni-context>b{font-family:var(--ff-m);font-size:.31rem;color:var(--detail-tint);white-space:nowrap}
@keyframes omniAvatar{50%{transform:translateY(-3px);box-shadow:0 20px 38px -22px var(--detail-tint)}}
@keyframes omniChannel{0%,100%{opacity:.55;transform:translateX(0)}18%,32%{opacity:1;transform:translateX(3px);border-color:color-mix(in srgb,var(--ch) 38%,var(--edge))}}
@keyframes omniPulse{0%{transform:translateY(0);box-shadow:0 0 16px var(--detail-tint)}25%{transform:translateY(71px);box-shadow:0 0 16px var(--aqua)}50%{transform:translateY(143px);box-shadow:0 0 16px var(--coral)}75%{transform:translateY(214px);box-shadow:0 0 16px var(--violet)}100%{transform:translateY(268px);box-shadow:0 0 16px var(--detail-tint)}}
@keyframes omniMessage{0%,100%{transform:translateX(0);opacity:.72}18%,32%{transform:translateX(3px);opacity:1;border-color:color-mix(in srgb,var(--ch) 34%,var(--edge))}}
[data-theme="light"] .omni-visual-story{background:radial-gradient(74% 115% at 0% 90%,rgba(63,224,200,.055),transparent 70%),radial-gradient(72% 115% at 100% 6%,rgba(192,139,255,.055),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:820px){.omni-workspace{grid-template-columns:1fr;min-height:0}.oi-person{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;text-align:left}.oi-avatar{margin:0}.oi-person b{margin-top:0}.oi-channels{grid-template-columns:repeat(4,1fr)}.oi-channel{grid-template-columns:1fr;justify-items:center;text-align:center;gap:4px}.oi-channel b{font-size:.46rem}.oi-channel small{display:none}}
@media(max-width:700px){.oi-channels{grid-template-columns:repeat(2,1fr)}.omni-thread{padding-left:39px;padding-right:12px}.omni-thread::before{left:22px}.omni-thread-pulse{left:19px}.omni-message::before{left:-21px}.omni-context{grid-template-columns:1fr;align-items:start}.omni-context>b{white-space:normal}.omni-context div span{font-size:.37rem}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .omni-visual-story *{animation:none!important}}
html.motion-paused .omni-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6F · AI-ASSISTED CALLING
   Dedicated explanatory visual: approved workflow -> governed live call -> captured outcome.
   ===================================================================== */
.voiceflow-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(74% 118% at 4% 8%,rgba(63,224,200,.07),transparent 68%),
    radial-gradient(66% 108% at 98% 92%,rgba(255,158,122,.065),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.voiceflow-visual-head,.nurture-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.voiceflow-visual-head small,.nurture-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.voiceflow-visual-head h4,.nurture-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.voiceflow-visual-head>span,.nurture-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}
.voiceflow-stage{display:grid;grid-template-columns:215px minmax(0,1fr) 230px;gap:12px;align-items:stretch;min-height:430px}
.vf-policy,.vf-call,.vf-outcome{border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}
.vf-top{height:43px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent)}
.vf-top i{width:7px;height:7px;border-radius:50%;background:var(--panel-tint,var(--aqua));box-shadow:0 0 12px -2px var(--panel-tint,var(--aqua))}.vf-top b{font-family:var(--ff-m);font-size:.39rem;letter-spacing:.085em;color:var(--fg2)}.vf-top span{margin-left:auto;font-family:var(--ff-m);font-size:.31rem;color:var(--panel-tint,var(--aqua))}
.vf-policy{--panel-tint:var(--aqua);padding-bottom:14px}.vf-trigger{margin:13px;padding:11px;border:1px solid color-mix(in srgb,var(--peri) 22%,var(--edge));border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--peri) 7%,var(--glass)),var(--glass2))}.vf-trigger small{font-family:var(--ff-m);font-size:.31rem;color:var(--peri)}.vf-trigger b{display:block;margin-top:5px;font-size:.62rem;line-height:1.35}.vf-trigger span{display:block;margin-top:6px;color:var(--fg3);font-size:.43rem;line-height:1.4}
.vf-checks{display:grid;gap:7px;padding:0 13px}.vf-check{position:relative;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);animation:vfCheck 7s var(--spring) infinite}.vf-check:nth-child(2){animation-delay:-1.6s}.vf-check:nth-child(3){animation-delay:-3.2s}.vf-check:nth-child(4){animation-delay:-4.8s}.vf-check i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 10%,transparent);border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));font-size:.48rem;color:var(--aqua)}.vf-check b{display:block;font-size:.48rem}.vf-check small{display:block;margin-top:2px;font-size:.36rem;color:var(--fg3)}
.vf-approved{margin:10px 13px 0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--aqua) 28%,var(--edge));border-radius:11px;background:color-mix(in srgb,var(--aqua) 6%,var(--glass2));font-family:var(--ff-m);font-size:.36rem;letter-spacing:.07em;color:var(--aqua);text-align:center}.vf-approved i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);margin-right:6px;animation:vfLive 1.8s ease-out infinite}
.vf-call{--panel-tint:var(--coral);position:relative}.vf-contact{display:flex;align-items:center;gap:10px;padding:14px 16px 8px}.vf-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--coral) 30%,var(--edge));background:color-mix(in srgb,var(--coral) 8%,var(--glass));font-family:var(--ff-d);font-weight:800;font-size:.72rem}.vf-contact small{display:block;font-family:var(--ff-m);font-size:.31rem;color:var(--coral)}.vf-contact b{display:block;margin-top:2px;font-size:.61rem}.vf-contact em{display:block;margin-top:3px;font-style:normal;font-size:.39rem;color:var(--fg3)}
.vf-orb-wrap{height:150px;display:grid;place-items:center;position:relative}.vf-orb{width:104px;height:104px;border-radius:50%;position:relative;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--coral) 32%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--coral) 8%,var(--bg)),var(--bg));box-shadow:0 0 48px -22px var(--coral)}.vf-orb::before,.vf-orb::after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--coral) 16%,transparent);animation:vfRing 3s ease-out infinite}.vf-orb::before{inset:-12px}.vf-orb::after{inset:-24px;animation-delay:-1.5s}.vf-orb b{font-family:var(--ff-d);font-size:.84rem}.vf-orb small{display:block;margin-top:2px;font-family:var(--ff-m);font-size:.28rem;color:var(--coral)}
.vf-mini-wave{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);display:flex;align-items:center;gap:3px;height:27px}.vf-mini-wave i{width:3px;height:var(--h);border-radius:99px;background:linear-gradient(var(--coral),color-mix(in srgb,var(--coral) 18%,transparent));animation:vfWave 1.1s ease-in-out infinite alternate}.vf-mini-wave i:nth-child(2n){animation-delay:-.4s}.vf-mini-wave i:nth-child(3n){animation-delay:-.75s}
.vf-transcript{margin:0 14px 10px;padding:10px 11px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.vf-transcript small{font-family:var(--ff-m);font-size:.29rem;color:var(--fg3)}.vf-transcript b{display:block;margin-top:5px;font-size:.49rem;line-height:1.4}.vf-transcript mark{background:transparent;color:var(--aqua);font-weight:800}.vf-handoff{margin:0 14px 14px;display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid color-mix(in srgb,var(--violet) 25%,var(--edge));border-radius:999px;background:color-mix(in srgb,var(--violet) 5%,var(--glass2));font-family:var(--ff-m);font-size:.31rem;color:var(--violet)}.vf-handoff i{width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 10px var(--violet)}
.vf-outcome{--panel-tint:var(--peri);padding-bottom:13px}.vf-result{margin:13px;padding:12px;border:1px solid color-mix(in srgb,var(--aqua) 25%,var(--edge));border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass2))}.vf-result small{font-family:var(--ff-m);font-size:.3rem;color:var(--aqua)}.vf-result b{display:block;margin-top:5px;font-size:.62rem;line-height:1.33}.vf-result span{display:block;margin-top:5px;color:var(--fg3);font-size:.41rem;line-height:1.4}
.vf-nexts{display:grid;gap:7px;padding:0 13px}.vf-next{--next-tint:var(--peri);display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid color-mix(in srgb,var(--next-tint) 18%,var(--edge));border-radius:11px;background:var(--glass2);animation:vfNext 7s var(--spring) infinite}.vf-next:nth-child(2){animation-delay:-2.2s}.vf-next:nth-child(3){animation-delay:-4.4s}.vf-next i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--next-tint) 9%,transparent);color:var(--next-tint);font-style:normal;font-size:.52rem}.vf-next small{display:block;font-family:var(--ff-m);font-size:.28rem;color:var(--next-tint)}.vf-next b{display:block;margin-top:2px;font-size:.45rem;line-height:1.3}.vf-outcome-foot{margin:10px 13px 0;padding-top:9px;border-top:1px solid var(--edge2);font-size:.39rem;color:var(--fg3);line-height:1.4}
.voiceflow-visual-bottom,.nurture-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}.voiceflow-visual-bottom span,.nurture-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}
@keyframes vfCheck{0%,100%{transform:translateX(0);border-color:var(--edge2)}12%,23%{transform:translateX(3px);border-color:color-mix(in srgb,var(--aqua) 35%,var(--edge))}}
@keyframes vfLive{100%{box-shadow:0 0 0 8px transparent}}
@keyframes vfRing{0%{transform:scale(.92);opacity:.65}100%{transform:scale(1.15);opacity:0}}
@keyframes vfWave{to{height:35%}}
@keyframes vfNext{0%,100%{transform:translateX(0)}12%,22%{transform:translateX(3px)}}
[data-theme="light"] .voiceflow-visual-story{background:radial-gradient(74% 118% at 4% 8%,rgba(63,224,200,.055),transparent 68%),radial-gradient(66% 108% at 98% 92%,rgba(255,158,122,.055),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:900px){.voiceflow-stage{grid-template-columns:190px minmax(0,1fr);}.vf-outcome{grid-column:1/-1}.vf-nexts{grid-template-columns:repeat(3,1fr)}.vf-outcome-foot{grid-column:1/-1}}
@media(max-width:700px){.voiceflow-visual-head,.nurture-visual-head{align-items:flex-start;margin-bottom:18px}.voiceflow-visual-head>span,.nurture-visual-head>span{display:none}.voiceflow-stage{grid-template-columns:1fr;min-height:0}.vf-outcome{grid-column:auto}.vf-checks{grid-template-columns:1fr 1fr}.vf-nexts{grid-template-columns:1fr}.vf-orb-wrap{height:135px}.voiceflow-visual-bottom,.nurture-visual-bottom{display:grid;gap:9px}}
@media(max-width:430px){.vf-checks{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .voiceflow-visual-story *{animation:none!important}}
html.motion-paused .voiceflow-visual-story *{animation-play-state:paused!important}

/* =====================================================================
   USE CASES V6F · LEAD NURTURE
   Dedicated explanatory visual: signals and schedules move one opportunity through the right next action.
   ===================================================================== */
.nurture-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(72% 116% at 0% 90%,rgba(124,124,255,.07),transparent 70%),
    radial-gradient(68% 112% at 100% 4%,rgba(63,224,200,.065),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.nurture-stage{display:grid;grid-template-columns:190px minmax(0,1fr);gap:12px;min-height:430px}
.nu-lead,.nu-timeline-shell{border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}
.nu-lead{padding:16px}.nu-lead-head{font-family:var(--ff-m);font-size:.35rem;letter-spacing:.09em;color:var(--fg3)}.nu-person{text-align:center;padding:18px 0 14px}.nu-avatar{width:58px;height:58px;border-radius:50%;margin:auto;display:grid;place-items:center;border:1px solid color-mix(in srgb,var(--peri) 30%,var(--edge));background:color-mix(in srgb,var(--peri) 8%,var(--glass));font-family:var(--ff-d);font-weight:800}.nu-person b{display:block;margin-top:9px;font-size:.64rem}.nu-person small{display:block;margin-top:3px;font-family:var(--ff-m);font-size:.3rem;color:var(--peri)}
.nu-score{padding:11px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.nu-score-top{display:flex;align-items:center;justify-content:space-between}.nu-score-top small{font-family:var(--ff-m);font-size:.29rem;color:var(--fg3)}.nu-score-top b{font-family:var(--ff-d);font-size:.82rem;color:var(--aqua)}.nu-meter{height:5px;border-radius:999px;background:color-mix(in srgb,var(--fg3) 14%,transparent);overflow:hidden;margin-top:8px}.nu-meter i{display:block;width:72%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--peri),var(--aqua));animation:nuMeter 6s ease-in-out infinite}.nu-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:11px}.nu-tags span{padding:5px 7px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);font-size:.34rem;color:var(--fg3)}
.nu-now{margin-top:12px;padding:10px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--aqua) 5%,var(--glass2))}.nu-now small{font-family:var(--ff-m);font-size:.28rem;color:var(--aqua)}.nu-now b{display:block;margin-top:4px;font-size:.48rem;line-height:1.35}
.nu-timeline-shell{position:relative;padding-bottom:14px}.nu-timeline-top{height:43px;display:flex;align-items:center;gap:8px;padding:0 13px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent)}.nu-timeline-top i{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua)}.nu-timeline-top b{font-family:var(--ff-m);font-size:.39rem;letter-spacing:.085em;color:var(--fg2)}.nu-timeline-top span{margin-left:auto;font-family:var(--ff-m);font-size:.3rem;color:var(--aqua)}
.nu-timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;padding:32px 14px 12px}.nu-timeline::before{content:"";position:absolute;left:9%;right:9%;top:49px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--peri),var(--aqua) 58%,var(--coral));opacity:.38}.nu-runner{position:absolute;left:9%;top:45px;width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--aqua) 20%,transparent),0 0 17px var(--aqua);z-index:5;animation:nuRunner 8.4s ease-in-out infinite}
.nu-step{--step-tint:var(--peri);position:relative;padding-top:23px}.nu-node{position:absolute;left:14px;top:12px;width:10px;height:10px;border-radius:50%;background:var(--step-tint);box-shadow:0 0 0 4px var(--bg2),0 0 15px -2px var(--step-tint);z-index:4}.nu-step small{display:block;font-family:var(--ff-m);font-size:.28rem;color:var(--step-tint);margin:0 0 7px 2px}.nu-card{min-height:154px;padding:10px;border:1px solid color-mix(in srgb,var(--step-tint) 18%,var(--edge));border-radius:12px;background:var(--glass2);animation:nuCard 8.4s var(--spring) infinite}.nu-step:nth-child(3) .nu-card{animation-delay:-2.1s}.nu-step:nth-child(4) .nu-card{animation-delay:-4.2s}.nu-step:nth-child(5) .nu-card{animation-delay:-6.3s}.nu-card b{display:block;font-size:.48rem;line-height:1.35}.nu-card span{display:block;margin-top:5px;font-size:.37rem;line-height:1.4;color:var(--fg3)}.nu-action{margin-top:9px;padding-top:8px;border-top:1px solid var(--edge2)}.nu-action em{font-style:normal;font-family:var(--ff-m);font-size:.27rem;color:var(--step-tint)}.nu-action strong{display:block;margin-top:4px;font-size:.42rem;line-height:1.3}
.nu-escalation{margin:4px 14px 0;display:grid;grid-template-columns:auto 1fr auto;gap:9px;align-items:center;padding:10px 11px;border:1px solid color-mix(in srgb,var(--coral) 25%,var(--edge));border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--coral) 6%,var(--glass)),var(--glass2))}.nu-escalation i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--coral) 10%,transparent);color:var(--coral);font-style:normal}.nu-escalation small{display:block;font-family:var(--ff-m);font-size:.28rem;color:var(--coral)}.nu-escalation b{display:block;margin-top:3px;font-size:.47rem}.nu-escalation span{font-family:var(--ff-m);font-size:.29rem;color:var(--aqua);white-space:nowrap}
@keyframes nuMeter{0%,100%{width:62%}50%{width:84%}}
@keyframes nuRunner{0%,8%{left:9%;opacity:0}14%{opacity:1}35%{left:33%}58%{left:57%}82%{left:81%;opacity:1}100%{left:84%;opacity:0}}
@keyframes nuCard{0%,100%{transform:translateY(0);border-color:color-mix(in srgb,var(--step-tint) 18%,var(--edge))}11%,23%{transform:translateY(-3px);border-color:color-mix(in srgb,var(--step-tint) 42%,var(--edge))}}
[data-theme="light"] .nurture-visual-story{background:radial-gradient(72% 116% at 0% 90%,rgba(124,124,255,.055),transparent 70%),radial-gradient(68% 112% at 100% 4%,rgba(63,224,200,.05),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:900px){.nurture-stage{grid-template-columns:165px minmax(0,1fr)}.nu-timeline{grid-template-columns:repeat(2,minmax(0,1fr));padding-top:20px}.nu-timeline::before,.nu-runner,.nu-node{display:none}.nu-step{padding-top:0}.nu-card{min-height:135px}}
@media(max-width:700px){.nurture-stage{grid-template-columns:1fr;min-height:0}.nu-person{display:grid;grid-template-columns:58px 1fr;gap:12px;align-items:center;text-align:left;padding:14px 0}.nu-avatar{margin:0}.nu-person b{margin-top:0}.nu-timeline{grid-template-columns:1fr;gap:7px;padding:12px}.nu-card{min-height:0}.nu-escalation{grid-template-columns:auto 1fr}.nu-escalation span{grid-column:2;white-space:normal}.nu-tags{margin-top:9px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .nurture-visual-story *{animation:none!important}}
html.motion-paused .nurture-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6G · CONTEXT-AWARE TEAM MESSAGING
   Dedicated explanatory visual: work-linked thread -> decision -> action.
   ===================================================================== */
.teamctx-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(72% 116% at 2% 8%,rgba(63,224,200,.065),transparent 70%),
    radial-gradient(68% 110% at 98% 90%,rgba(124,124,255,.065),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.teamctx-visual-head,.reach-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.teamctx-visual-head small,.reach-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.teamctx-visual-head h4,.reach-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.teamctx-visual-head>span,.reach-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700;text-align:right}
.teamctx-stage{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:12px;min-height:430px}
.tc-thread,.tc-work{border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}
.tc-top{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent);font-family:var(--ff-m);font-size:.36rem;letter-spacing:.07em;color:var(--fg3)}
.tc-top i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint)}.tc-top b{color:var(--fg2)}.tc-top span{margin-left:auto;color:var(--aqua)}
.tc-project{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;margin:12px;padding:11px;border:1px solid color-mix(in srgb,var(--detail-tint) 20%,var(--edge));border-radius:13px;background:linear-gradient(105deg,color-mix(in srgb,var(--detail-tint) 6%,var(--glass)),var(--glass))}
.tc-project>i{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 10%,transparent);border:1px solid color-mix(in srgb,var(--detail-tint) 22%,var(--edge));font-style:normal;font-family:var(--ff-m);font-size:.42rem;color:var(--detail-tint)}
.tc-project small{display:block;font-family:var(--ff-m);font-size:.29rem;color:var(--fg3);letter-spacing:.06em}.tc-project b{display:block;margin-top:3px;font-size:.62rem}.tc-project span{font-family:var(--ff-m);font-size:.28rem;color:var(--aqua);white-space:nowrap}
.tc-messages{position:relative;padding:2px 14px 15px;display:grid;gap:8px}
.tc-message{position:relative;max-width:92%;padding:10px 11px;border:1px solid var(--edge2);border-radius:13px;background:var(--glass);animation:tcMessage 7.2s var(--spring) infinite}
.tc-message:nth-child(2){margin-left:auto;animation-delay:-2.4s}.tc-message:nth-child(3){animation-delay:-4.8s}
.tc-message small{display:block;font-family:var(--ff-m);font-size:.3rem;color:var(--fg3)}.tc-message b{display:block;margin-top:4px;font-size:.56rem;line-height:1.42}.tc-message mark{padding:1px 4px;border-radius:4px;background:color-mix(in srgb,var(--aqua) 12%,transparent);color:var(--aqua)}
.tc-summary{margin:0 14px 14px;padding:11px 12px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));border-radius:13px;background:linear-gradient(100deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass));animation:tcSummary 7.2s ease-in-out infinite}
.tc-summary small{font-family:var(--ff-m);font-size:.3rem;color:var(--aqua)}.tc-summary b{display:block;margin-top:4px;font-size:.56rem;line-height:1.4}
.tc-work{position:relative}.tc-work::before{content:"";position:absolute;left:24px;top:114px;bottom:42px;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--detail-tint) 32%,var(--edge)),color-mix(in srgb,var(--aqua) 34%,var(--edge)),transparent)}
.tc-file{margin:12px;padding:13px;border:1px solid var(--edge2);border-radius:14px;background:var(--glass)}
.tc-file-head{display:flex;align-items:center;gap:9px}.tc-file-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--peri) 10%,transparent);border:1px solid color-mix(in srgb,var(--peri) 24%,var(--edge));font-family:var(--ff-m);font-size:.36rem;color:var(--peri)}
.tc-file-head small{display:block;font-family:var(--ff-m);font-size:.28rem;color:var(--fg3)}.tc-file-head b{display:block;margin-top:2px;font-size:.58rem}.tc-file-head span{margin-left:auto;font-family:var(--ff-m);font-size:.28rem;color:var(--aqua)}
.tc-file-lines{display:grid;gap:6px;margin-top:11px}.tc-file-lines i{display:block;height:5px;border-radius:99px;background:var(--edge2)}.tc-file-lines i:nth-child(1){width:88%}.tc-file-lines i:nth-child(2){width:72%}.tc-file-lines i:nth-child(3){width:82%}
.tc-workflow{position:relative;display:grid;gap:9px;margin:0 12px 12px 45px}
.tc-work-card{--tc:var(--detail-tint);position:relative;padding:11px 12px;border:1px solid color-mix(in srgb,var(--tc) 24%,var(--edge));border-radius:13px;background:linear-gradient(105deg,color-mix(in srgb,var(--tc) 5%,var(--glass)),var(--glass));animation:tcWorkCard 7.2s ease-in-out infinite}.tc-work-card:nth-child(2){animation-delay:-2.4s}
.tc-work-card::before{content:"";position:absolute;left:-27px;top:17px;width:8px;height:8px;border-radius:50%;background:var(--tc);box-shadow:0 0 0 3px var(--bg2),0 0 14px var(--tc)}
.tc-work-card small{font-family:var(--ff-m);font-size:.29rem;color:var(--tc)}.tc-work-card b{display:block;margin-top:4px;font-size:.57rem;line-height:1.38}.tc-work-card span{display:block;margin-top:5px;color:var(--fg3);font-size:.42rem}
.tc-packet{position:absolute;left:20px;top:130px;width:8px;height:8px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px color-mix(in srgb,var(--aqua) 20%,transparent),0 0 16px var(--aqua);animation:tcPacket 5s ease-in-out infinite}
.teamctx-visual-bottom,.reach-visual-bottom{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.teamctx-visual-bottom span,.reach-visual-bottom span{padding:7px 9px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);font-size:.46rem;color:var(--fg3)}.teamctx-visual-bottom .ok,.reach-visual-bottom .ok{color:var(--aqua);font-style:normal;margin-right:5px}
@keyframes tcMessage{0%,100%{transform:translateY(0);opacity:.72}18%,34%{transform:translateY(-2px);opacity:1;border-color:color-mix(in srgb,var(--detail-tint) 25%,var(--edge))}}
@keyframes tcSummary{0%,100%{border-color:color-mix(in srgb,var(--aqua) 18%,var(--edge));box-shadow:none}52%,70%{border-color:color-mix(in srgb,var(--aqua) 42%,var(--edge));box-shadow:0 15px 30px -26px var(--aqua)}}
@keyframes tcWorkCard{0%,100%{transform:translateX(0);opacity:.76}46%,66%{transform:translateX(3px);opacity:1;box-shadow:0 15px 30px -26px var(--tc)}}
@keyframes tcPacket{0%{transform:translateY(0) scale(.55);opacity:0}15%{opacity:1}52%{transform:translateY(122px) scale(1);opacity:1}82%{transform:translateY(220px) scale(.85);opacity:1}100%{transform:translateY(255px) scale(.45);opacity:0}}
[data-theme="light"] .teamctx-visual-story{background:radial-gradient(72% 116% at 2% 8%,rgba(63,224,200,.055),transparent 70%),radial-gradient(68% 110% at 98% 90%,rgba(124,124,255,.05),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:820px){.teamctx-stage{grid-template-columns:1fr;min-height:0}.tc-work::before{top:112px}.tc-packet{top:128px}}
@media(max-width:700px){.teamctx-visual-head,.reach-visual-head{align-items:flex-start;margin-bottom:18px}.teamctx-visual-head>span,.reach-visual-head>span{display:none}.tc-project{grid-template-columns:38px 1fr}.tc-project>span{display:none}.tc-message{max-width:100%}.tc-workflow{margin-left:42px}.teamctx-visual-bottom,.reach-visual-bottom{display:grid;gap:7px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .teamctx-visual-story *{animation:none!important}}
html.motion-paused .teamctx-visual-story *{animation-play-state:paused!important}

/* =====================================================================
   USE CASES V6G · REACH THE RIGHT PERSON
   Dedicated explanatory visual: resolve contact -> permitted signals -> route before action.
   ===================================================================== */
.reach-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(72% 116% at 3% 8%,rgba(63,224,200,.065),transparent 70%),
    radial-gradient(68% 112% at 98% 90%,rgba(192,139,255,.06),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.reach-stage{display:grid;grid-template-columns:205px minmax(0,1fr) 220px;gap:12px;min-height:430px;align-items:stretch}
.re-request,.re-resolver,.re-route{border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}
.re-top{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent);font-family:var(--ff-m);font-size:.34rem;letter-spacing:.07em;color:var(--fg3)}
.re-top i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint)}.re-top b{color:var(--fg2)}.re-top span{margin-left:auto;color:var(--aqua)}
.re-task{margin:12px;padding:13px;border:1px solid color-mix(in srgb,var(--detail-tint) 22%,var(--edge));border-radius:14px;background:linear-gradient(105deg,color-mix(in srgb,var(--detail-tint) 6%,var(--glass)),var(--glass))}.re-task small{font-family:var(--ff-m);font-size:.29rem;color:var(--detail-tint)}.re-task b{display:block;margin-top:5px;font-size:.63rem;line-height:1.4}.re-task span{display:block;margin-top:6px;color:var(--fg3);font-size:.43rem;line-height:1.45}
.re-identity-list{display:grid;gap:7px;padding:0 12px 12px}.re-id{display:grid;grid-template-columns:34px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass);opacity:.48}.re-id.active{opacity:1;border-color:color-mix(in srgb,var(--aqua) 30%,var(--edge));box-shadow:0 15px 28px -26px var(--aqua);animation:reResolved 5.8s ease-in-out infinite}.re-avatar{width:32px;height:32px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,transparent);border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge));font-family:var(--ff-m);font-size:.34rem;color:var(--aqua)}.re-id small{display:block;font-family:var(--ff-m);font-size:.26rem;color:var(--fg3)}.re-id b{display:block;margin-top:2px;font-size:.51rem}
.re-resolver{position:relative}.re-person{display:grid;grid-template-columns:52px 1fr auto;gap:11px;align-items:center;margin:12px;padding:12px;border:1px solid color-mix(in srgb,var(--aqua) 25%,var(--edge));border-radius:14px;background:linear-gradient(100deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass))}.re-person .re-avatar{width:50px;height:50px;border-radius:16px;font-size:.48rem}.re-person small{display:block;font-family:var(--ff-m);font-size:.29rem;color:var(--aqua)}.re-person b{display:block;margin-top:3px;font-size:.64rem}.re-person span{font-family:var(--ff-m);font-size:.27rem;color:var(--aqua);white-space:nowrap}
.re-signals{display:grid;gap:8px;padding:0 12px 12px}.re-signal{--sig:var(--aqua);display:grid;grid-template-columns:33px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass);animation:reSignal 7.2s ease-in-out infinite}.re-signal:nth-child(2){animation-delay:-2.4s}.re-signal:nth-child(3){animation-delay:-4.8s}.re-signal>i{width:31px;height:31px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--sig) 9%,transparent);border:1px solid color-mix(in srgb,var(--sig) 22%,var(--edge));font-family:var(--ff-m);font-size:.31rem;font-style:normal;color:var(--sig)}.re-signal small{display:block;font-family:var(--ff-m);font-size:.27rem;color:var(--fg3)}.re-signal b{display:block;margin-top:2px;font-size:.52rem}.re-signal span{padding:4px 6px;border-radius:999px;background:color-mix(in srgb,var(--sig) 8%,transparent);font-family:var(--ff-m);font-size:.25rem;color:var(--sig);white-space:nowrap}
.re-permitted{margin:0 12px 12px;padding:9px 10px;border:1px dashed color-mix(in srgb,var(--fg3) 22%,var(--edge));border-radius:11px;color:var(--fg3);font-size:.39rem;line-height:1.45}.re-permitted b{color:var(--fg2)}
.re-route{position:relative}.re-choice{margin:12px;padding:13px;border:1px solid color-mix(in srgb,var(--aqua) 34%,var(--edge));border-radius:14px;background:radial-gradient(90% 120% at 100% 0%,color-mix(in srgb,var(--aqua) 8%,transparent),transparent 70%),var(--glass);animation:reChoice 5.8s ease-in-out infinite}.re-choice small{font-family:var(--ff-m);font-size:.29rem;color:var(--aqua)}.re-choice b{display:block;margin-top:5px;font-size:.7rem;line-height:1.3}.re-choice span{display:block;margin-top:5px;color:var(--fg3);font-size:.42rem}.re-route-list{display:grid;gap:8px;padding:0 12px 12px}.re-path{--path:var(--detail-tint);display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass)}.re-path>i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--path) 8%,transparent);border:1px solid color-mix(in srgb,var(--path) 20%,var(--edge));font-style:normal;font-size:.38rem;color:var(--path)}.re-path small{display:block;font-family:var(--ff-m);font-size:.26rem;color:var(--fg3)}.re-path b{display:block;margin-top:2px;font-size:.49rem}.re-path span{font-family:var(--ff-m);font-size:.24rem;color:var(--path);white-space:nowrap}.re-path.selected{border-color:color-mix(in srgb,var(--aqua) 32%,var(--edge));box-shadow:0 15px 28px -26px var(--aqua)}
.re-gate{margin:0 12px 12px;padding:10px;border:1px solid color-mix(in srgb,var(--detail-tint) 22%,var(--edge));border-radius:11px;background:color-mix(in srgb,var(--detail-tint) 4%,var(--glass));font-family:var(--ff-m);font-size:.31rem;color:var(--fg3)}.re-gate b{color:var(--detail-tint)}
.re-scan{position:absolute;left:12px;right:12px;top:98px;height:1px;background:linear-gradient(90deg,transparent,var(--aqua),transparent);box-shadow:0 0 16px var(--aqua);opacity:.7;animation:reScan 4.8s ease-in-out infinite;pointer-events:none}
@keyframes reResolved{50%{transform:translateX(3px);box-shadow:0 18px 32px -24px var(--aqua)}}
@keyframes reSignal{0%,100%{opacity:.66;transform:translateX(0)}18%,34%{opacity:1;transform:translateX(3px);border-color:color-mix(in srgb,var(--sig) 30%,var(--edge))}}
@keyframes reChoice{50%{transform:translateY(-2px);box-shadow:0 18px 34px -25px var(--aqua)}}
@keyframes reScan{0%,100%{transform:translateY(0);opacity:0}15%{opacity:.75}72%{transform:translateY(195px);opacity:.75}100%{transform:translateY(230px);opacity:0}}
[data-theme="light"] .reach-visual-story{background:radial-gradient(72% 116% at 3% 8%,rgba(63,224,200,.055),transparent 70%),radial-gradient(68% 112% at 98% 90%,rgba(192,139,255,.05),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:900px){.reach-stage{grid-template-columns:1fr 1.25fr;min-height:0}.re-route{grid-column:1/-1}.re-route-list{grid-template-columns:repeat(3,1fr)}.re-path{grid-template-columns:30px 1fr}.re-path>span{display:none}}
@media(max-width:700px){.reach-stage{grid-template-columns:1fr}.re-route{grid-column:auto}.re-person{grid-template-columns:48px 1fr}.re-person>span{display:none}.re-signal{grid-template-columns:31px 1fr}.re-signal>span{grid-column:2}.re-route-list{grid-template-columns:1fr}.re-path{grid-template-columns:30px 1fr auto}.re-path>span{display:block}.re-scan{display:none}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .reach-visual-story *{animation:none!important}}
html.motion-paused .reach-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6H · AUTOMATE APPROVALS
   Dedicated explanatory visual: routine work runs automatically, pauses
   exactly at the judgement gate, then resumes after the human decision.
   ===================================================================== */
.approval-visual-story,.exception-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(72% 116% at 0% 8%,rgba(255,158,122,.065),transparent 70%),
    radial-gradient(68% 112% at 100% 96%,rgba(124,124,255,.06),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.approval-visual-head,.exception-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.approval-visual-head small,.exception-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.approval-visual-head h4,.exception-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.approval-visual-head>span,.exception-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}
.approval-stage{display:grid;grid-template-columns:minmax(0,1.08fr) 230px minmax(0,.94fr);gap:12px;align-items:stretch;min-height:430px}
.ap-flow,.ap-gate,.ap-resume{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}
.ap-top,.ex-top{height:43px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent)}
.ap-top i,.ex-top i{width:7px;height:7px;border-radius:50%;background:var(--panel-tint,var(--coral));box-shadow:0 0 12px -2px var(--panel-tint,var(--coral))}.ap-top b,.ex-top b{font-family:var(--ff-m);font-size:.39rem;letter-spacing:.085em;color:var(--fg2)}.ap-top span,.ex-top span{margin-left:auto;font-family:var(--ff-m);font-size:.31rem;color:var(--panel-tint,var(--coral))}
.ap-flow{--panel-tint:var(--aqua);padding-bottom:14px}.ap-request{margin:13px;padding:12px;border:1px solid color-mix(in srgb,var(--peri) 22%,var(--edge));border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--peri) 7%,var(--glass)),var(--glass2))}.ap-request small{font-family:var(--ff-m);font-size:.31rem;color:var(--peri)}.ap-request b{display:block;margin-top:5px;font-size:.62rem;line-height:1.35}.ap-request span{display:block;margin-top:6px;font-size:.41rem;color:var(--fg3);line-height:1.42}
.ap-auto{position:relative;margin:0 13px;display:grid;gap:8px}.ap-auto::before{content:"";position:absolute;left:14px;top:13px;bottom:13px;width:1px;background:linear-gradient(var(--aqua),color-mix(in srgb,var(--aqua) 18%,transparent))}.ap-step{position:relative;display:grid;grid-template-columns:29px 1fr auto;gap:9px;align-items:center;padding:9px 9px 9px 7px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);animation:apStep 7s var(--spring) infinite}.ap-step:nth-child(2){animation-delay:-1.8s}.ap-step:nth-child(3){animation-delay:-3.6s}.ap-step i{z-index:1;width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 10%,var(--bg2));border:1px solid color-mix(in srgb,var(--aqua) 28%,var(--edge));font-style:normal;color:var(--aqua);font-size:.49rem}.ap-step small{display:block;font-family:var(--ff-m);font-size:.28rem;color:var(--aqua)}.ap-step b{display:block;margin-top:2px;font-size:.46rem;line-height:1.3}.ap-step span{font-family:var(--ff-m);font-size:.29rem;color:var(--aqua)}
.ap-runner{position:absolute;left:27px;top:155px;width:7px;height:7px;border-radius:50%;background:var(--coral);box-shadow:0 0 15px var(--coral);animation:apRunner 7s var(--e) infinite}
.ap-gate{--panel-tint:var(--coral);display:flex;flex-direction:column}.ap-gate-body{flex:1;display:flex;flex-direction:column;padding:14px}.ap-threshold{padding:10px;border:1px solid color-mix(in srgb,var(--coral) 26%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--coral) 6%,var(--glass2));text-align:center}.ap-threshold small{font-family:var(--ff-m);font-size:.29rem;color:var(--coral)}.ap-threshold b{display:block;margin-top:5px;font-size:.59rem;line-height:1.3}.ap-pause{position:relative;margin:15px auto;width:104px;height:104px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--coral) 35%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--coral) 9%,var(--bg)),var(--bg));box-shadow:0 0 50px -26px var(--coral)}.ap-pause::before,.ap-pause::after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--coral) 18%,transparent);animation:apRing 3s ease-out infinite}.ap-pause::before{inset:-12px}.ap-pause::after{inset:-24px;animation-delay:-1.5s}.ap-pause b{font-family:var(--ff-d);font-size:.82rem}.ap-pause small{display:block;margin-top:2px;font-family:var(--ff-m);font-size:.28rem;color:var(--coral)}
.ap-approver{display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.ap-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--violet) 9%,var(--glass));border:1px solid color-mix(in srgb,var(--violet) 25%,var(--edge));font-family:var(--ff-d);font-size:.58rem;font-weight:800}.ap-approver small{display:block;font-family:var(--ff-m);font-size:.27rem;color:var(--violet)}.ap-approver b{display:block;margin-top:2px;font-size:.45rem}.ap-context{margin-top:8px;padding:9px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);font-size:.39rem;line-height:1.45;color:var(--fg3)}.ap-context strong{color:var(--fg2)}
.ap-decision{margin-top:auto;padding-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:7px}.ap-decision span{padding:8px;border-radius:10px;text-align:center;font-family:var(--ff-m);font-size:.31rem;border:1px solid var(--edge2);color:var(--fg3)}.ap-decision .approved{border-color:color-mix(in srgb,var(--aqua) 28%,var(--edge));background:color-mix(in srgb,var(--aqua) 6%,var(--glass2));color:var(--aqua);animation:apApproved 7s var(--spring) infinite}
.ap-resume{--panel-tint:var(--peri);padding-bottom:13px}.ap-approved-note{margin:13px;padding:11px;border:1px solid color-mix(in srgb,var(--aqua) 27%,var(--edge));border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass2))}.ap-approved-note small{font-family:var(--ff-m);font-size:.29rem;color:var(--aqua)}.ap-approved-note b{display:block;margin-top:5px;font-size:.59rem;line-height:1.32}.ap-approved-note span{display:block;margin-top:4px;color:var(--fg3);font-size:.39rem}
.ap-resume-list{display:grid;gap:7px;padding:0 13px}.ap-resume-step{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:9px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);animation:apResume 7s var(--spring) infinite}.ap-resume-step:nth-child(2){animation-delay:-2.2s}.ap-resume-step:nth-child(3){animation-delay:-4.4s}.ap-resume-step i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--peri) 9%,transparent);color:var(--peri);font-style:normal;font-size:.49rem}.ap-resume-step small{display:block;font-family:var(--ff-m);font-size:.27rem;color:var(--peri)}.ap-resume-step b{display:block;margin-top:2px;font-size:.44rem;line-height:1.3}.ap-foot{margin:10px 13px 0;padding-top:9px;border-top:1px solid var(--edge2);font-size:.39rem;color:var(--fg3);line-height:1.45}
.approval-visual-bottom,.exception-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}.approval-visual-bottom span,.exception-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}
@keyframes apStep{0%,100%{transform:translateX(0);border-color:var(--edge2)}10%,20%{transform:translateX(3px);border-color:color-mix(in srgb,var(--aqua) 34%,var(--edge))}}
@keyframes apRunner{0%{transform:translateY(0);opacity:0}8%{opacity:1}38%{transform:translateY(126px);opacity:1}45%,66%{transform:translateY(126px);opacity:.45}78%,100%{transform:translateY(126px);opacity:0}}
@keyframes apRing{0%{transform:scale(.92);opacity:.65}100%{transform:scale(1.14);opacity:0}}
@keyframes apApproved{0%,48%{opacity:.35;transform:scale(.98)}58%,100%{opacity:1;transform:scale(1)}}
@keyframes apResume{0%,62%{opacity:.42;transform:translateX(-3px)}72%,100%{opacity:1;transform:none}}

/* =====================================================================
   USE CASES V6H · HANDLE EXCEPTIONS
   Dedicated explanatory visual: a hidden workflow failure becomes a visible,
   contextualised exception routed to the right human decision point.
   ===================================================================== */
.exception-visual-story{background:radial-gradient(72% 116% at 0% 92%,rgba(255,158,122,.075),transparent 70%),radial-gradient(68% 112% at 100% 4%,rgba(192,139,255,.055),transparent 70%),color-mix(in srgb,var(--bg2) 78%,transparent)}
.exception-stage{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:12px;min-height:430px}
.ex-workflow,.ex-response{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}.ex-workflow{--panel-tint:var(--coral)}.ex-response{--panel-tint:var(--violet)}
.ex-process{padding:14px;position:relative}.ex-process::before{content:"";position:absolute;left:31px;top:34px;bottom:34px;width:1px;background:linear-gradient(var(--aqua) 0 43%,var(--coral) 43% 58%,color-mix(in srgb,var(--fg3) 16%,transparent) 58%)}.ex-step{position:relative;display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 9px;margin-bottom:8px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.ex-step>i{z-index:1;width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,var(--bg2));border:1px solid color-mix(in srgb,var(--aqua) 25%,var(--edge));font-style:normal;color:var(--aqua);font-size:.5rem}.ex-step small{display:block;font-family:var(--ff-m);font-size:.28rem;color:var(--fg3)}.ex-step b{display:block;margin-top:2px;font-size:.48rem;line-height:1.3}.ex-step span{font-family:var(--ff-m);font-size:.29rem;color:var(--aqua)}
.ex-step.failed{border-color:color-mix(in srgb,var(--coral) 40%,var(--edge));background:linear-gradient(110deg,color-mix(in srgb,var(--coral) 9%,var(--glass)),var(--glass2));box-shadow:0 15px 34px -28px var(--coral);animation:exFail 3.8s var(--spring) infinite}.ex-step.failed>i{background:color-mix(in srgb,var(--coral) 11%,var(--bg2));border-color:color-mix(in srgb,var(--coral) 38%,var(--edge));color:var(--coral)}.ex-step.failed span{color:var(--coral)}.ex-step.waiting{opacity:.42}.ex-step.waiting>i{filter:saturate(.2)}
.ex-alert{margin:0 14px 14px;padding:11px;border:1px solid color-mix(in srgb,var(--coral) 32%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--coral) 6%,var(--glass2));display:grid;grid-template-columns:31px 1fr;gap:9px;align-items:center}.ex-alert>i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--coral) 11%,transparent);font-style:normal;color:var(--coral);font-weight:800;animation:exAlert 1.8s ease-in-out infinite}.ex-alert small{display:block;font-family:var(--ff-m);font-size:.28rem;color:var(--coral)}.ex-alert b{display:block;margin-top:3px;font-size:.46rem;line-height:1.35}
.ex-package{margin:13px;padding:12px;border:1px solid color-mix(in srgb,var(--violet) 24%,var(--edge));border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--violet) 6%,var(--glass)),var(--glass2))}.ex-package>small{font-family:var(--ff-m);font-size:.29rem;color:var(--violet)}.ex-package>h5{margin:5px 0 0;font-family:var(--ff-d);font-size:.72rem;letter-spacing:-.03em}.ex-package-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:10px}.ex-context{padding:8px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2)}.ex-context small{display:block;font-family:var(--ff-m);font-size:.25rem;color:var(--fg3)}.ex-context b{display:block;margin-top:3px;font-size:.39rem;line-height:1.32}.ex-context strong{color:var(--coral)}
.ex-route{margin:0 13px 10px;display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--aqua) 5%,var(--glass2));animation:exRoute 5.5s var(--spring) infinite}.ex-route i{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 10%,transparent);border:1px solid color-mix(in srgb,var(--aqua) 26%,var(--edge));font-style:normal;font-family:var(--ff-d);font-size:.5rem;color:var(--aqua)}.ex-route small{display:block;font-family:var(--ff-m);font-size:.27rem;color:var(--aqua)}.ex-route b{display:block;margin-top:2px;font-size:.45rem}.ex-route span{font-family:var(--ff-m);font-size:.28rem;color:var(--aqua)}
.ex-decision{margin:0 13px;padding:11px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.ex-decision small{font-family:var(--ff-m);font-size:.27rem;color:var(--fg3)}.ex-decision b{display:block;margin-top:4px;font-size:.5rem;line-height:1.35}.ex-choice-row{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:9px}.ex-choice-row span{padding:8px;border:1px solid var(--edge2);border-radius:9px;font-family:var(--ff-m);font-size:.28rem;text-align:center;color:var(--fg3)}.ex-choice-row span:first-child{border-color:color-mix(in srgb,var(--aqua) 25%,var(--edge));color:var(--aqua);background:color-mix(in srgb,var(--aqua) 5%,var(--glass2))}
.ex-resolution{margin:10px 13px 13px;padding:9px 10px;border-top:1px solid var(--edge2);font-size:.39rem;line-height:1.45;color:var(--fg3)}.ex-resolution b{color:var(--fg2)}.ex-resolution i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 11px var(--aqua);margin-right:6px}
@keyframes exFail{0%,100%{transform:translateX(0)}45%,55%{transform:translateX(3px)}}
@keyframes exAlert{50%{transform:scale(1.08);box-shadow:0 0 16px -4px var(--coral)}}
@keyframes exRoute{0%,34%{opacity:.48;transform:translateX(-3px)}48%,100%{opacity:1;transform:none}}
[data-theme="light"] .approval-visual-story,[data-theme="light"] .exception-visual-story{background:radial-gradient(72% 116% at 0% 8%,rgba(255,158,122,.05),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(124,124,255,.05),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:900px){.approval-stage{grid-template-columns:1fr 1fr}.ap-resume{grid-column:1/-1}.ap-resume-list{grid-template-columns:repeat(3,1fr)}.exception-stage{grid-template-columns:1fr}}
@media(max-width:700px){.approval-visual-head,.exception-visual-head{align-items:flex-start;margin-bottom:18px}.approval-visual-head>span,.exception-visual-head>span{display:none}.approval-stage{grid-template-columns:1fr;min-height:0}.ap-resume{grid-column:auto}.ap-resume-list{grid-template-columns:1fr}.ap-gate-body{min-height:350px}.ap-pause{width:92px;height:92px}.exception-stage{min-height:0}.ex-package-grid{grid-template-columns:1fr 1fr}.approval-visual-bottom,.exception-visual-bottom{display:grid;gap:9px}}
@media(max-width:430px){.ex-package-grid{grid-template-columns:1fr}.ex-step{grid-template-columns:32px 1fr}.ex-step span{grid-column:2}.ap-step{grid-template-columns:28px 1fr}.ap-step span{grid-column:2}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .approval-visual-story *,html:not(.motion-full) .exception-visual-story *{animation:none!important}}
html.motion-paused .approval-visual-story *,html.motion-paused .exception-visual-story *{animation-play-state:paused!important}


/* =====================================================================
   USE CASES V6I · RUN RECURRING WORK
   Dedicated explanatory visual: define cadence once -> approved workflow
   runs on schedule -> result is delivered or escalated without reminders.
   ===================================================================== */
.recurring-visual-story,.event-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(72% 116% at 0% 8%,rgba(255,158,122,.065),transparent 70%),
    radial-gradient(68% 112% at 100% 96%,rgba(63,224,200,.055),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.recurring-visual-head,.event-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.recurring-visual-head small,.event-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.recurring-visual-head h4,.event-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.recurring-visual-head>span,.event-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700}
.recurring-stage{display:grid;grid-template-columns:220px minmax(0,1fr) 230px;gap:12px;align-items:stretch;min-height:430px}
.rc-schedule,.rc-run,.rc-deliver{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}
.rc-top,.ev-top{height:43px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent)}
.rc-top i,.ev-top i{width:7px;height:7px;border-radius:50%;background:var(--panel-tint,var(--coral));box-shadow:0 0 12px -2px var(--panel-tint,var(--coral))}.rc-top b,.ev-top b{font-family:var(--ff-m);font-size:.37rem;letter-spacing:.08em;color:var(--fg2)}.rc-top span,.ev-top span{margin-left:auto;font-family:var(--ff-m);font-size:.29rem;color:var(--panel-tint,var(--coral))}
.rc-schedule{--panel-tint:var(--coral)}.rc-run{--panel-tint:var(--aqua)}.rc-deliver{--panel-tint:var(--peri)}
.rc-clock{position:relative;width:118px;height:118px;margin:18px auto 12px;border-radius:50%;border:1px solid color-mix(in srgb,var(--coral) 32%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--coral) 8%,var(--bg)),var(--bg));box-shadow:0 0 48px -28px var(--coral);display:grid;place-items:center;text-align:center}
.rc-clock::before{content:"";position:absolute;inset:-13px;border-radius:50%;border:1px solid color-mix(in srgb,var(--coral) 13%,transparent);animation:rcRing 3s ease-out infinite}.rc-hand{position:absolute;left:50%;bottom:50%;width:1px;height:32px;background:linear-gradient(var(--coral),transparent);transform-origin:50% 100%;animation:rcHand 8s linear infinite}.rc-clock b{font-family:var(--ff-d);font-size:1rem;letter-spacing:-.03em}.rc-clock small{display:block;margin-top:3px;font-family:var(--ff-m);font-size:.28rem;color:var(--coral)}
.rc-rule{margin:0 13px 10px;padding:11px;border:1px solid color-mix(in srgb,var(--coral) 24%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--coral) 5%,var(--glass2))}.rc-rule small{font-family:var(--ff-m);font-size:.28rem;color:var(--coral)}.rc-rule b{display:block;margin-top:4px;font-size:.54rem;line-height:1.35}.rc-rule span{display:block;margin-top:4px;color:var(--fg3);font-size:.38rem}
.rc-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:0 13px}.rc-days span{height:25px;border:1px solid var(--edge2);border-radius:7px;display:grid;place-items:center;font-family:var(--ff-m);font-size:.24rem;color:var(--fg3)}.rc-days span.on{border-color:color-mix(in srgb,var(--coral) 28%,var(--edge));color:var(--coral);background:color-mix(in srgb,var(--coral) 6%,var(--glass2))}.rc-next{margin:10px 13px 13px;padding-top:9px;border-top:1px solid var(--edge2);font-family:var(--ff-m);font-size:.3rem;color:var(--fg3)}.rc-next b{color:var(--aqua)}
.rc-run-summary{margin:13px;padding:11px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass2))}.rc-run-summary small{font-family:var(--ff-m);font-size:.28rem;color:var(--aqua)}.rc-run-summary b{display:block;margin-top:5px;font-size:.62rem}.rc-run-summary span{display:block;margin-top:4px;color:var(--fg3);font-size:.39rem}
.rc-run-list{position:relative;display:grid;gap:8px;padding:0 13px 13px}.rc-run-list::before{content:"";position:absolute;left:29px;top:16px;bottom:29px;width:1px;background:linear-gradient(var(--aqua),color-mix(in srgb,var(--aqua) 15%,transparent))}.rc-runner{position:absolute;left:26px;top:17px;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 14px var(--aqua);animation:rcRunner 6.8s var(--e) infinite}.rc-step{position:relative;display:grid;grid-template-columns:32px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);animation:rcStep 6.8s var(--spring) infinite}.rc-step:nth-child(3){animation-delay:-2s}.rc-step:nth-child(4){animation-delay:-4s}.rc-step>i{z-index:1;width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,var(--bg2));border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));font-style:normal;color:var(--aqua);font-size:.46rem}.rc-step small{display:block;font-family:var(--ff-m);font-size:.27rem;color:var(--aqua)}.rc-step b{display:block;margin-top:2px;font-size:.45rem;line-height:1.3}.rc-step span{font-family:var(--ff-m);font-size:.26rem;color:var(--aqua)}
.rc-output{margin:13px;padding:12px;border:1px solid color-mix(in srgb,var(--peri) 25%,var(--edge));border-radius:13px;background:linear-gradient(120deg,color-mix(in srgb,var(--peri) 6%,var(--glass)),var(--glass2));animation:rcOutput 6.8s var(--spring) infinite}.rc-output small{font-family:var(--ff-m);font-size:.28rem;color:var(--peri)}.rc-output b{display:block;margin-top:5px;font-size:.62rem}.rc-output span{display:block;margin-top:4px;font-size:.39rem;color:var(--fg3)}
.rc-delivery{display:grid;gap:8px;padding:0 13px}.rc-path{--path:var(--aqua);display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:9px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2)}.rc-path i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--path) 9%,transparent);font-style:normal;color:var(--path);font-size:.42rem}.rc-path small{display:block;font-family:var(--ff-m);font-size:.25rem;color:var(--fg3)}.rc-path b{display:block;margin-top:2px;font-size:.43rem}.rc-path span{font-family:var(--ff-m);font-size:.25rem;color:var(--path)}.rc-path.escalate{--path:var(--coral);opacity:.72}.rc-delivery-foot{margin:10px 13px 13px;padding:9px 10px;border-top:1px solid var(--edge2);font-size:.39rem;line-height:1.45;color:var(--fg3)}.rc-delivery-foot b{color:var(--fg2)}
.recurring-visual-bottom,.event-visual-bottom{display:flex;flex-wrap:wrap;gap:9px 16px;margin-top:18px;padding-top:17px;border-top:1px solid var(--edge2)}.recurring-visual-bottom span,.event-visual-bottom span{display:flex;align-items:center;gap:7px;color:var(--fg2);font-size:.69rem;font-weight:700}
@keyframes rcRing{0%{transform:scale(.94);opacity:.6}100%{transform:scale(1.12);opacity:0}}@keyframes rcHand{to{transform:rotate(360deg)}}@keyframes rcRunner{0%{transform:translateY(0);opacity:0}8%{opacity:1}74%{transform:translateY(102px);opacity:1}100%{transform:translateY(118px);opacity:0}}@keyframes rcStep{0%,100%{border-color:var(--edge2)}12%,24%{border-color:color-mix(in srgb,var(--aqua) 30%,var(--edge));transform:translateX(2px)}}@keyframes rcOutput{0%,66%{opacity:.45;transform:translateY(3px)}78%,100%{opacity:1;transform:none}}

/* =====================================================================
   USE CASES V6I · REACT WHEN SOMETHING HAPPENS
   Dedicated explanatory visual: an approved external event triggers the
   relevant workflow immediately and routes its result to app/agent/person.
   ===================================================================== */
.event-visual-story{background:radial-gradient(72% 116% at 0% 90%,rgba(255,158,122,.07),transparent 70%),radial-gradient(68% 112% at 100% 8%,rgba(192,139,255,.055),transparent 70%),color-mix(in srgb,var(--bg2) 78%,transparent)}
.event-stage{display:grid;grid-template-columns:215px minmax(0,1fr) 235px;gap:12px;min-height:430px}
.ev-sources,.ev-trigger,.ev-routes{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}.ev-sources{--panel-tint:var(--coral)}.ev-trigger{--panel-tint:var(--violet)}.ev-routes{--panel-tint:var(--aqua)}
.ev-source-list{display:grid;gap:8px;padding:13px}.ev-source{--src:var(--fg3);display:grid;grid-template-columns:32px 1fr;gap:9px;align-items:center;padding:9px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);opacity:.47}.ev-source i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--src) 8%,transparent);border:1px solid color-mix(in srgb,var(--src) 20%,var(--edge));font-style:normal;color:var(--src);font-family:var(--ff-m);font-size:.28rem}.ev-source small{display:block;font-family:var(--ff-m);font-size:.25rem;color:var(--fg3)}.ev-source b{display:block;margin-top:2px;font-size:.43rem}.ev-source.ev-source-live{--src:var(--coral);opacity:1;border-color:color-mix(in srgb,var(--coral) 34%,var(--edge));animation:evSource 5.8s var(--spring) infinite}
.ev-event{margin:0 13px 13px;padding:11px;border:1px solid color-mix(in srgb,var(--coral) 28%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--coral) 6%,var(--glass2))}.ev-event small{font-family:var(--ff-m);font-size:.27rem;color:var(--coral)}.ev-event b{display:block;margin-top:4px;font-size:.54rem;line-height:1.35}.ev-event span{display:block;margin-top:4px;color:var(--fg3);font-size:.38rem}
.ev-trigger{display:flex;flex-direction:column}.ev-gate{position:relative;margin:16px auto 12px;width:130px;height:130px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--violet) 34%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--violet) 8%,var(--bg)),var(--bg));box-shadow:0 0 55px -28px var(--violet)}.ev-gate::before,.ev-gate::after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--violet) 16%,transparent);animation:evRing 3.2s ease-out infinite}.ev-gate::before{inset:-12px}.ev-gate::after{inset:-24px;animation-delay:-1.6s}.ev-gate b{font-family:var(--ff-d);font-size:.78rem}.ev-gate small{display:block;margin-top:3px;font-family:var(--ff-m);font-size:.27rem;color:var(--violet)}
.ev-rule{margin:0 13px 9px;padding:10px;border:1px solid color-mix(in srgb,var(--violet) 25%,var(--edge));border-radius:11px;background:color-mix(in srgb,var(--violet) 5%,var(--glass2));text-align:center}.ev-rule small{font-family:var(--ff-m);font-size:.26rem;color:var(--violet)}.ev-rule b{display:block;margin-top:4px;font-size:.48rem}.ev-match{margin:0 13px 12px;padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--aqua) 7%,var(--glass2));border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge));font-family:var(--ff-m);font-size:.29rem;color:var(--aqua);text-align:center;animation:evMatch 5.8s var(--spring) infinite}
.ev-workflow{display:grid;gap:7px;padding:0 13px 13px}.ev-workstep{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);animation:evWork 5.8s var(--spring) infinite}.ev-workstep:nth-child(2){animation-delay:-1.8s}.ev-workstep:nth-child(3){animation-delay:-3.6s}.ev-workstep i{width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 8%,transparent);font-style:normal;color:var(--aqua);font-size:.42rem}.ev-workstep small{display:block;font-family:var(--ff-m);font-size:.24rem;color:var(--aqua)}.ev-workstep b{display:block;margin-top:2px;font-size:.41rem}
.ev-route-list{display:grid;gap:9px;padding:13px}.ev-route{--route:var(--aqua);display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2);animation:evRoute 5.8s var(--spring) infinite}.ev-route:nth-child(2){animation-delay:-1.9s}.ev-route:nth-child(3){animation-delay:-3.8s}.ev-route>i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--route) 9%,transparent);border:1px solid color-mix(in srgb,var(--route) 23%,var(--edge));font-style:normal;color:var(--route);font-family:var(--ff-m);font-size:.28rem}.ev-route small{display:block;font-family:var(--ff-m);font-size:.25rem;color:var(--fg3)}.ev-route b{display:block;margin-top:2px;font-size:.43rem;line-height:1.3}.ev-route span{font-family:var(--ff-m);font-size:.25rem;color:var(--route)}.ev-route.ev-agent{--route:var(--violet)}.ev-route.ev-person{--route:var(--coral)}
.ev-now{margin:0 13px 13px;padding:10px;border-top:1px solid var(--edge2);font-size:.39rem;line-height:1.45;color:var(--fg3)}.ev-now b{color:var(--fg2)}
.ev-packet{position:absolute;top:91px;left:-5px;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 15px var(--coral);animation:evPacket 5.8s var(--e) infinite;z-index:3}
@keyframes evSource{50%{transform:translateX(3px);box-shadow:0 14px 28px -25px var(--coral)}}@keyframes evRing{0%{transform:scale(.94);opacity:.65}100%{transform:scale(1.14);opacity:0}}@keyframes evMatch{0%,22%{opacity:.42;transform:scale(.98)}34%,100%{opacity:1;transform:scale(1)}}@keyframes evWork{0%,30%{opacity:.45;transform:translateY(2px)}42%,100%{opacity:1;transform:none}}@keyframes evRoute{0%,55%{opacity:.42;transform:translateX(-2px)}68%,100%{opacity:1;transform:none}}@keyframes evPacket{0%{left:-5px;opacity:0}7%{opacity:1}46%{left:calc(100% - 7px);opacity:1}58%,100%{left:calc(100% - 7px);opacity:0}}
[data-theme="light"] .recurring-visual-story,[data-theme="light"] .event-visual-story{background:radial-gradient(72% 116% at 0% 8%,rgba(255,158,122,.05),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(63,224,200,.045),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:930px){.recurring-stage,.event-stage{grid-template-columns:1fr 1fr}.rc-deliver,.ev-routes{grid-column:1/-1}.rc-delivery,.ev-route-list{grid-template-columns:repeat(2,1fr)}.rc-path.escalate,.ev-route.ev-person{grid-column:1/-1}}
@media(max-width:700px){.recurring-visual-head,.event-visual-head{align-items:flex-start;margin-bottom:18px}.recurring-visual-head>span,.event-visual-head>span{display:none}.recurring-stage,.event-stage{grid-template-columns:1fr;min-height:0}.rc-deliver,.ev-routes{grid-column:auto}.rc-delivery,.ev-route-list{grid-template-columns:1fr}.rc-path.escalate,.ev-route.ev-person{grid-column:auto}.rc-clock{width:104px;height:104px}.ev-gate{width:110px;height:110px}.recurring-visual-bottom,.event-visual-bottom{display:grid;gap:9px}.ev-packet{display:none}}
@media(max-width:430px){.rc-step,.ev-route{grid-template-columns:30px 1fr}.rc-step span,.ev-route span{grid-column:2}.rc-days{gap:3px}.rc-days span{height:23px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .recurring-visual-story *,html:not(.motion-full) .event-visual-story *{animation:none!important}}
html.motion-paused .recurring-visual-story *,html.motion-paused .event-visual-story *{animation-play-state:paused!important}


/* =====================================================================
   USE CASES V6J · TURN DOCUMENTS INTO WORKFLOWS
   Dedicated explanatory visual: document -> operational event/decision ->
   relevant workflow starts with the source context still attached.
   ===================================================================== */
.docflow-visual-story,.agentteam-visual-story{
  border:1px solid var(--edge);border-radius:22px;padding:clamp(24px,3.2vw,36px);overflow:hidden;
  background:
    radial-gradient(72% 116% at 0% 8%,rgba(255,158,122,.065),transparent 70%),
    radial-gradient(68% 112% at 100% 96%,rgba(192,139,255,.055),transparent 70%),
    color-mix(in srgb,var(--bg2) 78%,transparent);
}
.docflow-visual-head,.agentteam-visual-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}
.docflow-visual-head small,.agentteam-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}
.docflow-visual-head h4,.agentteam-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.docflow-visual-head>span,.agentteam-visual-head>span{color:var(--fg3);font-size:.76rem;font-weight:700;text-align:right}
.docflow-stage{display:grid;grid-template-columns:minmax(0,1.03fr) 210px minmax(0,.98fr);gap:12px;min-height:455px;align-items:stretch}
.df-doc,.df-extract,.df-workflow{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 70%,transparent);overflow:hidden;min-width:0}
.df-top{height:44px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);background:color-mix(in srgb,var(--bg2) 58%,transparent);font-family:var(--ff-m);font-size:.34rem;letter-spacing:.07em;color:var(--fg3)}
.df-top i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint)}.df-top b{color:var(--fg2)}.df-top span{margin-left:auto;color:var(--aqua)}
.df-sheet-wrap{padding:14px;position:relative}.df-sheet{position:relative;min-height:332px;padding:17px 16px 15px;border:1px solid var(--edge);border-radius:14px;background:linear-gradient(160deg,color-mix(in srgb,var(--bg2) 88%,transparent),color-mix(in srgb,var(--glass) 88%,transparent));box-shadow:0 22px 46px -38px rgba(0,0,0,.9);overflow:hidden}
.df-sheet::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--coral),transparent);box-shadow:0 0 17px var(--coral);animation:dfScan 5.6s var(--e) infinite}
.df-fileline{display:flex;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid var(--edge2)}.df-fileline small{font-family:var(--ff-m);font-size:.26rem;color:var(--fg3)}.df-fileline span{font-family:var(--ff-m);font-size:.25rem;color:var(--aqua)}
.df-title{margin-top:14px;font-family:var(--ff-d);font-size:.78rem;letter-spacing:-.03em}.df-sub{margin-top:4px;color:var(--fg3);font-size:.39rem}
.df-fields{display:grid;gap:7px;margin-top:14px}.df-field{display:grid;grid-template-columns:88px 1fr;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2)}.df-field small{font-family:var(--ff-m);font-size:.24rem;color:var(--fg3)}.df-field b{font-size:.43rem}.df-field.hot{border-color:color-mix(in srgb,var(--coral) 30%,var(--edge));background:color-mix(in srgb,var(--coral) 5%,var(--glass2));animation:dfField 5.6s var(--spring) infinite}.df-field.hot b{color:var(--coral)}
.df-note{margin-top:10px;padding:9px 10px;border-left:2px solid var(--peri);background:color-mix(in srgb,var(--peri) 5%,transparent);font-size:.37rem;line-height:1.45;color:var(--fg3)}.df-note b{color:var(--fg2)}
.df-extract{display:flex;flex-direction:column}.df-core{position:relative;width:126px;height:126px;margin:17px auto 12px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--coral) 34%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--coral) 8%,var(--bg)),var(--bg));box-shadow:0 0 55px -28px var(--coral)}.df-core::before,.df-core::after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--coral) 16%,transparent);animation:dfRing 3.2s ease-out infinite}.df-core::before{inset:-12px}.df-core::after{inset:-24px;animation-delay:-1.6s}.df-core b{font-family:var(--ff-d);font-size:.7rem}.df-core small{display:block;margin-top:3px;font-family:var(--ff-m);font-size:.25rem;color:var(--coral)}
.df-detected{margin:0 12px 8px;padding:10px;border:1px solid color-mix(in srgb,var(--coral) 24%,var(--edge));border-radius:11px;background:color-mix(in srgb,var(--coral) 5%,var(--glass2));text-align:center;animation:dfDetected 5.6s var(--spring) infinite}.df-detected small{font-family:var(--ff-m);font-size:.24rem;color:var(--coral)}.df-detected b{display:block;margin-top:4px;font-size:.49rem;line-height:1.35}
.df-payload{display:grid;gap:6px;padding:0 12px 12px}.df-payload div{padding:7px 8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.df-payload small{display:block;font-family:var(--ff-m);font-size:.22rem;color:var(--fg3)}.df-payload b{display:block;margin-top:2px;font-size:.38rem}.df-launch{margin:auto 12px 12px;padding:8px 10px;border-radius:10px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));background:color-mix(in srgb,var(--aqua) 6%,var(--glass2));font-family:var(--ff-m);font-size:.26rem;color:var(--aqua);text-align:center}
.df-packet{position:absolute;top:91px;left:-5px;width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 15px var(--coral);animation:dfPacket 5.6s var(--e) infinite;z-index:3}
.df-workflow-list{display:grid;gap:8px;padding:13px}.df-wf-title{padding:11px;border:1px solid color-mix(in srgb,var(--aqua) 25%,var(--edge));border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass))}.df-wf-title small{font-family:var(--ff-m);font-size:.25rem;color:var(--aqua)}.df-wf-title b{display:block;margin-top:4px;font-size:.56rem}.df-wf-title span{display:block;margin-top:4px;color:var(--fg3);font-size:.36rem}
.df-wfstep{display:grid;grid-template-columns:30px 1fr auto;gap:9px;align-items:center;padding:9px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);animation:dfStep 5.6s var(--spring) infinite}.df-wfstep:nth-child(3){animation-delay:-1.4s}.df-wfstep:nth-child(4){animation-delay:-2.8s}.df-wfstep:nth-child(5){animation-delay:-4.2s}.df-wfstep>i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 8%,transparent);font-style:normal;color:var(--aqua);font-family:var(--ff-m);font-size:.29rem}.df-wfstep small{display:block;font-family:var(--ff-m);font-size:.23rem;color:var(--fg3)}.df-wfstep b{display:block;margin-top:2px;font-size:.4rem}.df-wfstep span{font-family:var(--ff-m);font-size:.23rem;color:var(--aqua)}.df-wfstep.human>i{background:color-mix(in srgb,var(--coral) 8%,transparent);color:var(--coral)}.df-wfstep.human span{color:var(--coral)}
.df-context{margin:0 13px 13px;padding:10px;border:1px dashed color-mix(in srgb,var(--peri) 28%,var(--edge));border-radius:11px;background:color-mix(in srgb,var(--peri) 4%,var(--glass2));font-size:.36rem;line-height:1.45;color:var(--fg3)}.df-context b{color:var(--peri)}
.docflow-visual-bottom,.agentteam-visual-bottom{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.docflow-visual-bottom span,.agentteam-visual-bottom span{padding:7px 10px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);font-family:var(--ff-m);font-size:.49rem;color:var(--fg3)}.docflow-visual-bottom .ok,.agentteam-visual-bottom .ok{margin-right:5px;color:var(--aqua);font-style:normal}
@keyframes dfScan{0%{transform:translateY(12px);opacity:0}12%{opacity:.85}72%{transform:translateY(285px);opacity:.8}100%{transform:translateY(318px);opacity:0}}@keyframes dfField{0%,100%{transform:none}45%,62%{transform:translateX(3px);box-shadow:0 13px 24px -23px var(--coral)}}@keyframes dfRing{0%{transform:scale(.94);opacity:.65}100%{transform:scale(1.14);opacity:0}}@keyframes dfDetected{0%,23%{opacity:.45;transform:scale(.98)}36%,100%{opacity:1;transform:scale(1)}}@keyframes dfStep{0%,42%{opacity:.46;transform:translateX(-2px)}55%,100%{opacity:1;transform:none}}@keyframes dfPacket{0%{left:-5px;opacity:0}8%{opacity:1}46%{left:calc(100% - 7px);opacity:1}58%,100%{left:calc(100% - 7px);opacity:0}}

/* =====================================================================
   USE CASES V6J · RUN SPECIALIST AI TEAMS
   Dedicated explanatory visual: defined specialist roles -> named outputs ->
   controlled handoffs with tools, approval and execution boundaries attached.
   ===================================================================== */
.agentteam-visual-story{background:radial-gradient(72% 116% at 0% 92%,rgba(192,139,255,.07),transparent 70%),radial-gradient(68% 112% at 100% 6%,rgba(63,224,200,.055),transparent 70%),color-mix(in srgb,var(--bg2) 78%,transparent)}
.at-request{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:12px 14px;margin-bottom:12px;border:1px solid var(--edge2);border-radius:15px;background:linear-gradient(105deg,color-mix(in srgb,var(--violet) 5%,var(--glass)),var(--glass2))}.at-request small{font-family:var(--ff-m);font-size:.27rem;color:var(--violet)}.at-request b{display:block;margin-top:4px;font-size:.58rem}.at-request span{font-family:var(--ff-m);font-size:.26rem;color:var(--aqua);white-space:nowrap}
.agentteam-stage{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--glass) 62%,transparent);overflow:hidden;padding:14px;min-height:430px}.at-stage-top{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.3rem;letter-spacing:.07em;color:var(--fg3)}.at-stage-top i{width:6px;height:6px;border-radius:50%;background:var(--violet);box-shadow:0 0 12px var(--violet)}.at-stage-top b{color:var(--fg2)}.at-stage-top span{margin-left:auto;color:var(--aqua)}
.at-pipeline{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:14px}.at-pipeline::before{content:"";position:absolute;left:7%;right:7%;top:50%;height:1px;background:linear-gradient(90deg,color-mix(in srgb,var(--peri) 30%,transparent),color-mix(in srgb,var(--aqua) 40%,transparent),color-mix(in srgb,var(--coral) 34%,transparent));z-index:0}.at-runner{position:absolute;left:5%;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 14px var(--aqua);animation:atRunner 7s var(--e) infinite;z-index:4}
.at-agent{--agent:var(--violet);position:relative;z-index:2;min-width:0;padding:12px;border:1px solid color-mix(in srgb,var(--agent) 24%,var(--edge));border-radius:14px;background:radial-gradient(100% 90% at 90% 0%,color-mix(in srgb,var(--agent) 6%,transparent),transparent 70%),color-mix(in srgb,var(--bg2) 84%,transparent);animation:atAgent 7s var(--spring) infinite}.at-agent:nth-of-type(2){animation-delay:-1.75s}.at-agent:nth-of-type(3){animation-delay:-3.5s}.at-agent:nth-of-type(4){animation-delay:-5.25s}.at-agent-head{display:flex;align-items:center;gap:8px}.at-agent-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--agent) 9%,transparent);border:1px solid color-mix(in srgb,var(--agent) 22%,var(--edge));font-family:var(--ff-m);font-size:.3rem;color:var(--agent)}.at-agent-head small{display:block;font-family:var(--ff-m);font-size:.23rem;color:var(--agent)}.at-agent-head b{display:block;margin-top:2px;font-size:.45rem;line-height:1.25}.at-job{margin-top:10px;padding:8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2);font-size:.34rem;line-height:1.42;color:var(--fg3)}.at-job b{color:var(--fg2)}.at-output{margin-top:8px;padding-top:8px;border-top:1px solid var(--edge2)}.at-output small{font-family:var(--ff-m);font-size:.21rem;color:var(--fg3)}.at-output b{display:block;margin-top:3px;font-size:.36rem;color:var(--aqua)}
.at-controls{display:grid;grid-template-columns:1.08fr .9fr .9fr;gap:10px;margin-top:13px}.at-control{padding:11px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2);min-width:0}.at-control small{display:block;font-family:var(--ff-m);font-size:.23rem;color:var(--fg3)}.at-control b{display:block;margin-top:4px;font-size:.43rem;line-height:1.35}.at-control span{display:block;margin-top:4px;color:var(--fg3);font-size:.34rem;line-height:1.4}.at-control.tools{border-color:color-mix(in srgb,var(--peri) 20%,var(--edge))}.at-control.approval{border-color:color-mix(in srgb,var(--coral) 24%,var(--edge));background:color-mix(in srgb,var(--coral) 4%,var(--glass2))}.at-control.execution{border-color:color-mix(in srgb,var(--aqua) 22%,var(--edge));background:color-mix(in srgb,var(--aqua) 4%,var(--glass2))}.at-control.approval b{color:var(--coral)}.at-control.execution b{color:var(--aqua)}
.at-final{display:grid;grid-template-columns:36px 1fr auto;gap:10px;align-items:center;margin-top:11px;padding:11px;border:1px solid color-mix(in srgb,var(--aqua) 27%,var(--edge));border-radius:12px;background:linear-gradient(100deg,color-mix(in srgb,var(--aqua) 5%,var(--glass)),var(--glass2));animation:atFinal 7s var(--spring) infinite}.at-final>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,transparent);font-style:normal;color:var(--aqua);font-size:.48rem}.at-final small{display:block;font-family:var(--ff-m);font-size:.23rem;color:var(--aqua)}.at-final b{display:block;margin-top:3px;font-size:.46rem}.at-final span{font-family:var(--ff-m);font-size:.24rem;color:var(--aqua);white-space:nowrap}
@keyframes atRunner{0%{left:5%;opacity:0}7%{opacity:1}88%{left:94%;opacity:1}100%{left:94%;opacity:0}}@keyframes atAgent{0%,100%{transform:none;box-shadow:none}16%,28%{transform:translateY(-3px);box-shadow:0 16px 30px -26px var(--agent)}}@keyframes atFinal{0%,65%{opacity:.55;transform:translateY(2px)}78%,100%{opacity:1;transform:none}}
[data-theme="light"] .docflow-visual-story,[data-theme="light"] .agentteam-visual-story{background:radial-gradient(72% 116% at 0% 8%,rgba(255,158,122,.05),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(192,139,255,.045),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:960px){.docflow-stage{grid-template-columns:1fr 210px}.df-workflow{grid-column:1/-1}.df-workflow-list{grid-template-columns:repeat(2,1fr)}.df-wf-title,.df-context{grid-column:1/-1}.agentteam-stage{min-height:0}.at-pipeline{grid-template-columns:repeat(2,1fr)}.at-pipeline::before{display:none}.at-runner{display:none}.at-controls{grid-template-columns:1fr 1fr}.at-control.execution{grid-column:1/-1}}
@media(max-width:700px){.docflow-visual-head,.agentteam-visual-head{align-items:flex-start;margin-bottom:18px}.docflow-visual-head>span,.agentteam-visual-head>span{display:none}.docflow-stage{grid-template-columns:1fr;min-height:0}.df-workflow{grid-column:auto}.df-workflow-list{grid-template-columns:1fr}.df-wf-title,.df-context{grid-column:auto}.df-sheet{min-height:300px}.df-core{width:110px;height:110px}.df-packet{display:none}.at-request{grid-template-columns:1fr}.at-request>span{justify-self:start}.at-pipeline{grid-template-columns:1fr}.at-controls{grid-template-columns:1fr}.at-control.execution{grid-column:auto}.at-final{grid-template-columns:34px 1fr}.at-final>span{grid-column:2}.docflow-visual-bottom,.agentteam-visual-bottom{display:grid;gap:9px}}
@media(max-width:430px){.df-field{grid-template-columns:74px 1fr}.df-wfstep{grid-template-columns:28px 1fr}.df-wfstep span{grid-column:2}.at-agent{padding:11px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .docflow-visual-story *,html:not(.motion-full) .agentteam-visual-story *{animation:none!important}}
html.motion-paused .docflow-visual-story *,html.motion-paused .agentteam-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6K · BUILD AN INTERNAL APP / BUILD A SPECIALIST AGENT
   ===================================================================== */
.appbuild-visual-story,.specialistbuild-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(72% 116% at 0% 8%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(63,224,200,.035),transparent 70%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--detail-tint) 55%,transparent)}
.appbuild-visual-story:before,.specialistbuild-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 30%);opacity:.45}
.appbuild-visual-head,.specialistbuild-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.appbuild-visual-head small,.specialistbuild-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}.appbuild-visual-head h4,.specialistbuild-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}.appbuild-visual-head>span,.specialistbuild-visual-head>span{max-width:340px;color:var(--fg3);font-size:.76rem;font-weight:700;text-align:right}
.ab-stage{display:grid;grid-template-columns:minmax(230px,.76fr) minmax(310px,1.15fr) minmax(260px,.95fr);gap:12px;min-height:460px}.ab-panel,.sb-panel{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--bg2) 66%,transparent);overflow:hidden}.ab-top,.sb-top{height:44px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.48rem;letter-spacing:.08em;color:var(--fg3)}.ab-top>i,.sb-top>i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint)}.ab-top b,.sb-top b{color:var(--fg2);font-weight:600}.ab-top span,.sb-top span{margin-left:auto;color:var(--detail-tint)}
.ab-brief{padding-bottom:14px}.ab-request{margin:14px;padding:15px;border:1px solid color-mix(in srgb,var(--detail-tint) 24%,var(--edge2));border-radius:15px;background:linear-gradient(145deg,color-mix(in srgb,var(--detail-tint) 7%,var(--glass2)),var(--glass2))}.ab-request small{font-family:var(--ff-m);font-size:.45rem;letter-spacing:.08em;color:var(--detail-tint)}.ab-request b{display:block;margin-top:8px;font-family:var(--ff-d);font-size:1.05rem;line-height:1.25;letter-spacing:-.03em}.ab-request span{display:block;margin-top:9px;color:var(--fg3);font-size:.72rem;line-height:1.5}.ab-needs{display:grid;gap:7px;padding:0 14px}.ab-need{display:grid;grid-template-columns:27px 1fr;gap:9px;align-items:center;padding:10px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.ab-need i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 10%,transparent);color:var(--detail-tint);font-family:var(--ff-m);font-style:normal;font-size:.48rem}.ab-need small{display:block;font-family:var(--ff-m);font-size:.42rem;color:var(--fg3);letter-spacing:.06em}.ab-need b{display:block;margin-top:2px;font-size:.74rem}.ab-builder{padding-bottom:14px}.ab-buildline{position:absolute;left:31px;top:89px;bottom:72px;width:1px;background:linear-gradient(transparent,color-mix(in srgb,var(--detail-tint) 48%,transparent),transparent)}.ab-buildline:after{content:"";position:absolute;left:-3px;top:0;width:7px;height:7px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 14px var(--detail-tint);animation:abTravel 4.8s var(--e) infinite}@keyframes abTravel{0%{top:0;opacity:0}12%{opacity:1}82%{opacity:1}100%{top:95%;opacity:0}}.ab-buildcards{display:grid;gap:8px;padding:14px 14px 0 49px}.ab-buildcard{position:relative;padding:12px 13px;border:1px solid var(--edge2);border-radius:13px;background:var(--glass2);animation:abBreathe 6s var(--e) infinite}.ab-buildcard:nth-child(2){animation-delay:-2s}.ab-buildcard:nth-child(3){animation-delay:-4s}@keyframes abBreathe{50%{border-color:color-mix(in srgb,var(--detail-tint) 28%,var(--edge2));transform:translateX(3px)}}.ab-buildcard:before{content:"";position:absolute;left:-24px;top:50%;width:16px;height:1px;background:color-mix(in srgb,var(--detail-tint) 32%,transparent)}.ab-buildcard small{font-family:var(--ff-m);font-size:.42rem;letter-spacing:.07em;color:var(--detail-tint)}.ab-buildcard b{display:block;margin-top:5px;font-size:.8rem}.ab-buildcard span{display:block;margin-top:4px;color:var(--fg3);font-size:.64rem;line-height:1.45}.ab-inherit{margin:10px 14px 0 49px;padding:10px 12px;border:1px dashed color-mix(in srgb,var(--aqua) 30%,var(--edge2));border-radius:12px;color:var(--fg3);font-size:.64rem;line-height:1.45}.ab-inherit b{color:var(--aqua)}
.ab-preview{padding-bottom:14px}.ab-appwindow{margin:14px;border:1px solid color-mix(in srgb,var(--detail-tint) 24%,var(--edge2));border-radius:15px;background:var(--glass2);overflow:hidden;box-shadow:0 18px 40px -30px var(--detail-tint)}.ab-appbar{height:38px;display:flex;align-items:center;gap:6px;padding:0 11px;border-bottom:1px solid var(--edge2)}.ab-appbar i{width:6px;height:6px;border-radius:50%;background:var(--fg3);opacity:.5}.ab-appbar b{margin-left:5px;font-size:.66rem}.ab-appbar span{margin-left:auto;font-family:var(--ff-m);font-size:.4rem;color:var(--aqua)}.ab-appbody{padding:12px}.ab-appbody>small{font-family:var(--ff-m);font-size:.42rem;color:var(--fg3);letter-spacing:.07em}.ab-appbody h5{margin:4px 0 10px;font-family:var(--ff-d);font-size:1rem;letter-spacing:-.03em}.ab-form{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ab-field{padding:9px;border:1px solid var(--edge2);border-radius:10px;background:color-mix(in srgb,var(--bg2) 62%,transparent)}.ab-field small{display:block;font-family:var(--ff-m);font-size:.37rem;color:var(--fg3)}.ab-field b{display:block;margin-top:4px;font-size:.62rem}.ab-field.wide{grid-column:1/-1}.ab-submit{margin-top:8px;padding:9px 10px;border-radius:10px;text-align:center;background:linear-gradient(120deg,var(--detail-tint),color-mix(in srgb,var(--detail-tint) 68%,var(--aqua)));color:#fff;font-size:.65rem;font-weight:800}.ab-table{margin-top:10px;border-top:1px solid var(--edge2);padding-top:9px;display:grid;gap:6px}.ab-row{display:grid;grid-template-columns:1fr auto auto;gap:7px;align-items:center;font-size:.57rem}.ab-row span{color:var(--fg3)}.ab-row i{padding:3px 6px;border-radius:999px;background:color-mix(in srgb,var(--aqua) 10%,transparent);color:var(--aqua);font-family:var(--ff-m);font-style:normal;font-size:.35rem}.ab-publish{margin:0 14px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--aqua) 25%,var(--edge2));border-radius:12px;background:color-mix(in srgb,var(--aqua) 5%,var(--glass2));font-size:.65rem;color:var(--fg3)}.ab-publish b{color:var(--aqua)}
.appbuild-visual-bottom,.specialistbuild-visual-bottom{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.appbuild-visual-bottom span,.specialistbuild-visual-bottom span{padding:7px 10px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);font-family:var(--ff-m);font-size:.49rem;color:var(--fg3)}.appbuild-visual-bottom .ok,.specialistbuild-visual-bottom .ok{margin-right:5px;color:var(--aqua);font-style:normal}

.sb-stage{display:grid;grid-template-columns:minmax(245px,.82fr) minmax(245px,.82fr) minmax(320px,1.15fr);gap:12px;min-height:468px}.sb-config{padding-bottom:13px}.sb-role{margin:14px;padding:14px;border:1px solid color-mix(in srgb,var(--detail-tint) 26%,var(--edge2));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--detail-tint) 7%,var(--glass2)),var(--glass2))}.sb-role small,.sb-group small,.sb-test small,.sb-publish small{font-family:var(--ff-m);font-size:.42rem;letter-spacing:.07em;color:var(--detail-tint)}.sb-role b{display:block;margin-top:6px;font-family:var(--ff-d);font-size:1.05rem;letter-spacing:-.03em}.sb-role span{display:block;margin-top:7px;color:var(--fg3);font-size:.68rem;line-height:1.45}.sb-groups{display:grid;gap:8px;padding:0 14px}.sb-group{padding:11px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.sb-list{display:grid;gap:5px;margin-top:7px}.sb-list span{display:flex;gap:6px;align-items:center;color:var(--fg2);font-size:.61rem}.sb-list span:before{content:"✓";color:var(--aqua);font-family:var(--ff-m);font-size:.48rem}.sb-list.denied span:before{content:"×";color:var(--coral)}
.sb-corepanel{display:grid;place-items:center;padding:18px}.sb-orbit{position:relative;width:205px;height:205px;display:grid;place-items:center}.sb-orbit:before,.sb-orbit:after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--detail-tint) 22%,transparent);animation:sbRing 4s ease-out infinite}.sb-orbit:before{inset:13px}.sb-orbit:after{inset:-6px;animation-delay:-2s}@keyframes sbRing{0%{transform:scale(.93);opacity:.75}100%{transform:scale(1.13);opacity:0}}.sb-agentcore{position:relative;z-index:2;width:132px;height:132px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--detail-tint) 38%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 10%,var(--bg)),var(--bg));box-shadow:0 0 60px -30px var(--detail-tint)}.sb-agentcore b{font-family:var(--ff-d);font-size:.88rem;line-height:1.1}.sb-agentcore small{display:block;margin-top:5px;font-family:var(--ff-m);font-size:.36rem;color:var(--detail-tint);letter-spacing:.06em}.sb-node{position:absolute;padding:7px 9px;border:1px solid var(--edge2);border-radius:10px;background:color-mix(in srgb,var(--bg2) 84%,transparent);font-family:var(--ff-m);font-size:.42rem;color:var(--fg3);white-space:nowrap}.sb-node.n1{left:-5px;top:24px}.sb-node.n2{right:-10px;top:60px}.sb-node.n3{left:2px;bottom:27px}.sb-core-note{margin-top:15px;padding:10px 12px;border-top:1px solid var(--edge2);font-size:.64rem;line-height:1.45;color:var(--fg3);text-align:center}.sb-core-note b{color:var(--fg2)}
.sb-testpanel{padding-bottom:13px}.sb-test{margin:14px;padding:13px;border:1px solid var(--edge2);border-radius:13px;background:var(--glass2)}.sb-test b{display:block;margin-top:6px;font-size:.78rem;line-height:1.4}.sb-answer{margin:0 14px;padding:13px;border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge2));border-radius:13px;background:color-mix(in srgb,var(--aqua) 4%,var(--glass2));position:relative;overflow:hidden}.sb-answer:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent,color-mix(in srgb,var(--aqua) 8%,transparent),transparent);transform:translateX(-110%);animation:sbSweep 5s var(--e) infinite}@keyframes sbSweep{0%,55%{transform:translateX(-110%)}85%,100%{transform:translateX(110%)}}.sb-answer small{font-family:var(--ff-m);font-size:.42rem;color:var(--aqua);letter-spacing:.07em}.sb-answer b{display:block;margin-top:6px;font-size:.76rem;line-height:1.42}.sb-sources{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.sb-sources span{padding:4px 6px;border:1px solid var(--edge2);border-radius:999px;font-family:var(--ff-m);font-size:.34rem;color:var(--fg3)}.sb-action{margin:9px 14px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--detail-tint) 24%,var(--edge2));border-radius:12px;display:flex;align-items:center;gap:10px;background:var(--glass2)}.sb-action i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 10%,transparent);color:var(--detail-tint);font-style:normal;font-family:var(--ff-m);font-size:.42rem}.sb-action small{display:block;font-family:var(--ff-m);font-size:.38rem;color:var(--fg3)}.sb-action b{display:block;margin-top:2px;font-size:.67rem}.sb-action span{margin-left:auto;font-family:var(--ff-m);font-size:.36rem;color:var(--detail-tint)}.sb-publish{margin:9px 14px 0;padding:10px 12px;border:1px solid color-mix(in srgb,var(--aqua) 25%,var(--edge2));border-radius:12px;background:color-mix(in srgb,var(--aqua) 5%,var(--glass2))}.sb-publish b{display:block;margin-top:4px;font-size:.69rem}.sb-publish span{display:block;margin-top:3px;color:var(--fg3);font-size:.58rem}.sb-publish small{color:var(--aqua)}
[data-theme="light"] .appbuild-visual-story,[data-theme="light"] .specialistbuild-visual-story{background:radial-gradient(72% 116% at 0% 8%,rgba(192,139,255,.055),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(63,224,200,.04),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:1020px){.ab-stage{grid-template-columns:1fr 1.25fr}.ab-preview{grid-column:1/-1}.ab-appwindow{max-width:620px;margin-left:auto;margin-right:auto}.sb-stage{grid-template-columns:1fr 1fr}.sb-testpanel{grid-column:1/-1}.sb-testpanel>.sb-test,.sb-testpanel>.sb-answer,.sb-testpanel>.sb-action,.sb-testpanel>.sb-publish{max-width:650px;margin-left:auto;margin-right:auto}}
@media(max-width:700px){.appbuild-visual-head,.specialistbuild-visual-head{align-items:flex-start;margin-bottom:18px}.appbuild-visual-head>span,.specialistbuild-visual-head>span{display:none}.ab-stage,.sb-stage{grid-template-columns:1fr;min-height:0}.ab-preview,.sb-testpanel{grid-column:auto}.ab-buildline{left:26px}.ab-buildcards{padding-left:44px}.ab-inherit{margin-left:44px}.ab-form{grid-template-columns:1fr}.ab-field.wide{grid-column:auto}.sb-corepanel{min-height:300px}.appbuild-visual-bottom,.specialistbuild-visual-bottom{display:grid;gap:9px}.ab-appwindow{margin:12px}.sb-testpanel>.sb-test,.sb-testpanel>.sb-answer,.sb-testpanel>.sb-action,.sb-testpanel>.sb-publish{margin-left:12px;margin-right:12px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .appbuild-visual-story *,html:not(.motion-full) .specialistbuild-visual-story *{animation:none!important}}
html.motion-paused .appbuild-visual-story *,html.motion-paused .specialistbuild-visual-story *{animation-play-state:paused!important}


/* =====================================================================
   USE CASES V6L · SAFE CODE / CONNECT EXISTING SYSTEMS
   ===================================================================== */
.safecode-visual-story,.systems-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(72% 116% at 0% 8%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(63,224,200,.035),transparent 70%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--detail-tint) 55%,transparent)}
.safecode-visual-story:before,.systems-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 30%);opacity:.45}
.safecode-visual-head,.systems-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:22px}.safecode-visual-head small,.systems-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--detail-tint)}.safecode-visual-head h4,.systems-visual-head h4{margin-top:7px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}.safecode-visual-head>span,.systems-visual-head>span{max-width:355px;color:var(--fg3);font-size:.76rem;font-weight:700;text-align:right}
.safe-stage{display:grid;grid-template-columns:minmax(280px,1.05fr) minmax(205px,.72fr) minmax(280px,1fr);gap:12px;align-items:stretch;min-height:458px}.safe-panel,.sys-panel{position:relative;border:1px solid var(--edge2);border-radius:18px;background:color-mix(in srgb,var(--bg2) 66%,transparent);overflow:hidden}.safe-top,.sys-top{height:44px;padding:0 14px;display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.48rem;letter-spacing:.08em;color:var(--fg3)}.safe-top>i,.sys-top>i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint)}.safe-top b,.sys-top b{color:var(--fg2);font-weight:600}.safe-top span,.sys-top span{margin-left:auto;color:var(--detail-tint)}
.safe-request{margin:13px;padding:12px 13px;border:1px solid color-mix(in srgb,var(--peri) 20%,var(--edge2));border-radius:13px;background:color-mix(in srgb,var(--peri) 4%,var(--glass2))}.safe-request small{font-family:var(--ff-m);font-size:.4rem;color:var(--peri)}.safe-request b{display:block;margin-top:5px;font-size:.73rem;line-height:1.35}.safe-editor{margin:0 13px 13px;border:1px solid var(--edge2);border-radius:13px;overflow:hidden;background:#07100f}.safe-editorbar{height:34px;display:flex;align-items:center;gap:6px;padding:0 10px;border-bottom:1px solid rgba(255,255,255,.07);font-family:var(--ff-m);font-size:.37rem;color:#91a59e}.safe-editorbar i{width:6px;height:6px;border-radius:50%;background:#364641}.safe-editorbar b{margin-left:4px;color:#dbe7e2;font-weight:500}.safe-editorbar span{margin-left:auto;color:#8f8fff}.safe-code{padding:12px 13px 14px;font-family:var(--ff-m);font-size:.37rem;line-height:1.72;color:#b9c9c2;white-space:normal;overflow-wrap:anywhere}.safe-code .kw{color:#a9a9ff}.safe-code .fn{color:#66e6cf}.safe-code .st{color:#ffb79d}.safe-code .cm{color:#63766f}.safe-change{margin:0 13px 13px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--aqua) 17%,var(--edge2));border-radius:11px;background:color-mix(in srgb,var(--aqua) 4%,var(--glass2));display:flex;gap:9px;align-items:center}.safe-change i{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,transparent);font-style:normal;color:var(--aqua);font-family:var(--ff-m);font-size:.4rem}.safe-change small{display:block;font-family:var(--ff-m);font-size:.3rem;color:var(--aqua)}.safe-change b{display:block;margin-top:3px;font-size:.54rem}
.safe-gate{padding-bottom:13px;background:radial-gradient(90% 70% at 50% 52%,color-mix(in srgb,var(--coral) 7%,transparent),transparent 72%),color-mix(in srgb,var(--bg2) 66%,transparent)}.safe-gatecore{width:104px;height:104px;margin:17px auto 13px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--coral) 34%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--coral) 9%,var(--glass2)),var(--glass2) 70%);box-shadow:0 0 0 10px color-mix(in srgb,var(--coral) 2%,transparent),0 0 34px -18px var(--coral);position:relative}.safe-gatecore:after{content:"";position:absolute;inset:-8px;border:1px dashed color-mix(in srgb,var(--coral) 24%,transparent);border-radius:50%;animation:safeOrbit 9s linear infinite}.safe-gatecore b{font-family:var(--ff-d);font-size:.78rem;line-height:1.05}.safe-gatecore small{display:block;margin-top:5px;font-family:var(--ff-m);font-size:.28rem;color:var(--coral)}.safe-checks{display:grid;gap:6px;padding:0 12px}.safe-check{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.safe-check>i{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,transparent);font-style:normal;color:var(--aqua);font-size:.45rem}.safe-check small{display:block;font-family:var(--ff-m);font-size:.24rem;color:var(--fg3)}.safe-check b{display:block;margin-top:2px;font-size:.4rem}.safe-check>span{font-family:var(--ff-m);font-size:.22rem;color:var(--aqua)}.safe-approval{margin:8px 12px 0;padding:9px;border:1px solid color-mix(in srgb,var(--coral) 24%,var(--edge2));border-radius:10px;background:color-mix(in srgb,var(--coral) 4%,var(--glass2));text-align:center}.safe-approval small{font-family:var(--ff-m);font-size:.25rem;color:var(--coral)}.safe-approval b{display:block;margin-top:4px;font-size:.46rem}
.safe-runtime{padding-bottom:13px}.runtime-shell{margin:13px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge2));border-radius:14px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 4%,var(--glass2)),var(--glass2))}.runtime-head{padding:11px 12px;border-bottom:1px solid var(--edge2);display:flex;align-items:center;gap:8px}.runtime-head i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,transparent);font-style:normal;color:var(--aqua);font-family:var(--ff-m);font-size:.36rem}.runtime-head small{display:block;font-family:var(--ff-m);font-size:.26rem;color:var(--aqua)}.runtime-head b{display:block;margin-top:3px;font-size:.5rem}.runtime-head span{margin-left:auto;font-family:var(--ff-m);font-size:.25rem;color:var(--aqua)}.runtime-log{padding:12px;font-family:var(--ff-m);font-size:.34rem;line-height:1.7;color:var(--fg3)}.runtime-log div{display:flex;gap:8px}.runtime-log i{font-style:normal;color:var(--aqua);width:13px}.runtime-result{margin:0 13px 9px;padding:11px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge2));border-radius:11px;background:color-mix(in srgb,var(--aqua) 5%,var(--glass2))}.runtime-result small{font-family:var(--ff-m);font-size:.28rem;color:var(--aqua)}.runtime-result b{display:block;margin-top:4px;font-size:.58rem}.runtime-note{margin:0 13px;color:var(--fg3);font-size:.52rem;line-height:1.45}.runtime-note b{color:var(--fg2)}.safe-flowdot{position:absolute;top:49%;width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 13px var(--aqua);z-index:5;animation:safeTravel 6.4s var(--e) infinite}.safe-flowdot.d1{left:31%}.safe-flowdot.d2{left:65%;animation-delay:-3.2s}
.safecode-visual-bottom,.systems-visual-bottom{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:9px;margin-top:13px}.safecode-visual-bottom>span,.systems-visual-bottom>span{padding:8px 10px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);font-size:.54rem;color:var(--fg3)}.safecode-visual-bottom .ok,.systems-visual-bottom .ok{font-style:normal;color:var(--aqua);margin-right:6px}
@keyframes safeOrbit{to{transform:rotate(360deg)}}@keyframes safeTravel{0%{opacity:0;transform:translateX(-14px)}12%,75%{opacity:1}100%{opacity:0;transform:translateX(28px)}}

.systems-stage{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(330px,1.08fr) minmax(260px,.88fr);gap:12px;min-height:458px}.sys-existing{padding-bottom:13px}.sys-source-list{display:grid;gap:8px;padding:13px}.sys-source{--sys:var(--peri);display:grid;grid-template-columns:34px 1fr auto;gap:9px;align-items:center;padding:10px;border:1px solid color-mix(in srgb,var(--sys) 19%,var(--edge2));border-radius:11px;background:color-mix(in srgb,var(--sys) 3%,var(--glass2));animation:sysPulse 7s var(--spring) infinite}.sys-source:nth-child(2){animation-delay:-1.3s}.sys-source:nth-child(3){animation-delay:-2.6s}.sys-source:nth-child(4){animation-delay:-3.9s}.sys-source>i{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--sys) 9%,transparent);font-style:normal;color:var(--sys);font-family:var(--ff-m);font-size:.3rem}.sys-source small{display:block;font-family:var(--ff-m);font-size:.25rem;color:var(--sys)}.sys-source b{display:block;margin-top:3px;font-size:.47rem}.sys-source>span{font-family:var(--ff-m);font-size:.22rem;color:var(--fg3)}.sys-existing-note{margin:0 13px;padding:10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.48rem;line-height:1.45;color:var(--fg3)}.sys-existing-note b{color:var(--fg2)}
.sys-bridge{padding-bottom:13px;background:radial-gradient(90% 80% at 50% 45%,color-mix(in srgb,var(--violet) 7%,transparent),transparent 72%),color-mix(in srgb,var(--bg2) 66%,transparent)}.sys-connector{margin:13px;padding:13px;border:1px solid color-mix(in srgb,var(--violet) 23%,var(--edge2));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--violet) 5%,var(--glass2)),var(--glass2))}.sys-connector-head{display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center}.sys-connector-head>i{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:color-mix(in srgb,var(--violet) 10%,transparent);font-style:normal;color:var(--violet);font-family:var(--ff-m);font-size:.35rem}.sys-connector-head small{display:block;font-family:var(--ff-m);font-size:.27rem;color:var(--violet)}.sys-connector-head b{display:block;margin-top:3px;font-size:.54rem}.sys-connector-head>span{font-family:var(--ff-m);font-size:.24rem;color:var(--aqua)}.sys-scope{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:11px}.sys-scope>div{padding:9px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.sys-scope small{display:block;font-family:var(--ff-m);font-size:.23rem;color:var(--fg3)}.sys-scope b{display:block;margin-top:4px;font-size:.42rem}.sys-perms{display:grid;gap:6px;margin:0 13px}.sys-perm{display:grid;grid-template-columns:22px 1fr auto;gap:7px;align-items:center;padding:8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.sys-perm i{width:21px;height:21px;border-radius:7px;display:grid;place-items:center;font-style:normal;background:color-mix(in srgb,var(--aqua) 9%,transparent);color:var(--aqua);font-size:.42rem}.sys-perm.denied i{background:color-mix(in srgb,var(--coral) 8%,transparent);color:var(--coral)}.sys-perm small{display:block;font-family:var(--ff-m);font-size:.23rem;color:var(--fg3)}.sys-perm b{display:block;margin-top:2px;font-size:.4rem}.sys-perm>span{font-family:var(--ff-m);font-size:.22rem;color:var(--aqua)}.sys-perm.denied>span{color:var(--coral)}.sys-reuse-note{margin:9px 13px 0;padding:9px;border:1px solid color-mix(in srgb,var(--aqua) 18%,var(--edge2));border-radius:10px;background:color-mix(in srgb,var(--aqua) 4%,var(--glass2));font-size:.46rem;line-height:1.42;color:var(--fg3)}.sys-reuse-note b{color:var(--fg2)}
.sys-uses{padding-bottom:13px}.sys-use-list{display:grid;gap:9px;padding:13px}.sys-use{--use:var(--peri);display:grid;grid-template-columns:36px 1fr auto;gap:9px;align-items:center;padding:11px;border:1px solid color-mix(in srgb,var(--use) 20%,var(--edge2));border-radius:12px;background:color-mix(in srgb,var(--use) 3%,var(--glass2));position:relative}.sys-use:before{content:"";position:absolute;left:-13px;top:50%;width:13px;height:1px;background:color-mix(in srgb,var(--use) 38%,transparent)}.sys-use>i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--use) 9%,transparent);font-style:normal;color:var(--use);font-family:var(--ff-m);font-size:.31rem}.sys-use small{display:block;font-family:var(--ff-m);font-size:.24rem;color:var(--use)}.sys-use b{display:block;margin-top:3px;font-size:.47rem}.sys-use>span{font-family:var(--ff-m);font-size:.22rem;color:var(--aqua)}.sys-result{margin:0 13px;padding:11px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge2));border-radius:11px;background:color-mix(in srgb,var(--aqua) 4%,var(--glass2));font-size:.49rem;line-height:1.45;color:var(--fg3)}.sys-result b{display:block;color:var(--fg2);font-size:.54rem;margin-bottom:4px}.sys-packet{position:absolute;width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 13px var(--aqua);z-index:5;animation:sysPacket 6s var(--e) infinite}.sys-packet.p1{left:31.7%;top:31%}.sys-packet.p2{left:31.7%;top:58%;animation-delay:-2s}.sys-packet.p3{left:66.2%;top:46%;animation-delay:-4s}
@keyframes sysPulse{0%,100%{transform:none;box-shadow:none}18%,30%{transform:translateX(2px);box-shadow:0 12px 28px -24px var(--sys)}}@keyframes sysPacket{0%{opacity:0;transform:translateX(-12px)}15%,75%{opacity:1}100%{opacity:0;transform:translateX(26px)}}
[data-theme="light"] .safecode-visual-story,[data-theme="light"] .systems-visual-story{background:radial-gradient(72% 116% at 0% 8%,rgba(192,139,255,.05),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(63,224,200,.045),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:980px){.safe-stage{grid-template-columns:1fr 230px}.safe-runtime{grid-column:1/-1}.systems-stage{grid-template-columns:1fr 1fr}.sys-uses{grid-column:1/-1}.sys-use-list{grid-template-columns:repeat(3,1fr)}.sys-use{grid-template-columns:34px 1fr}.sys-use>span{grid-column:2}.sys-use:before{display:none}.safe-flowdot,.sys-packet{display:none}}
@media(max-width:700px){.safecode-visual-head,.systems-visual-head{align-items:flex-start;margin-bottom:18px}.safecode-visual-head>span,.systems-visual-head>span{display:none}.safe-stage,.systems-stage{grid-template-columns:1fr;min-height:0}.safe-runtime,.sys-uses{grid-column:auto}.sys-use-list{grid-template-columns:1fr}.sys-scope{grid-template-columns:1fr}.safecode-visual-bottom,.systems-visual-bottom{display:grid;gap:9px}.safe-editor{overflow:auto}.safe-gatecore{width:94px;height:94px}.sys-use{grid-template-columns:34px 1fr auto}.sys-use>span{grid-column:auto}}
@media(max-width:430px){.safe-code{font-size:.33rem}.safe-check,.sys-perm{grid-template-columns:21px 1fr}.safe-check>span,.sys-perm>span{grid-column:2}.sys-source{grid-template-columns:32px 1fr}.sys-source>span{grid-column:2}.sys-use{grid-template-columns:32px 1fr}.sys-use>span{grid-column:2}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .safecode-visual-story *,html:not(.motion-full) .systems-visual-story *{animation:none!important}}
html.motion-paused .safecode-visual-story *,html.motion-paused .systems-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6M · STANDARDISE EXPERT WORK / PUBLISH TRUSTED CAPABILITIES
   ===================================================================== */
.expertise-visual-story,.publish-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(72% 116% at 0% 8%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(63,224,200,.035),transparent 70%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--detail-tint) 55%,transparent)}
.expertise-visual-story:before,.publish-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 30%);opacity:.45}
.expertise-visual-head,.publish-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px}.expertise-visual-head small,.publish-visual-head small{display:block;font-family:var(--ff-m);font-size:.38rem;letter-spacing:.12em;color:var(--detail-tint)}.expertise-visual-head h4,.publish-visual-head h4{margin:5px 0 0;font-family:var(--ff-d);font-size:clamp(1rem,1.9vw,1.35rem);letter-spacing:-.035em}.expertise-visual-head>span,.publish-visual-head>span{max-width:320px;text-align:right;font-size:.57rem;line-height:1.5;color:var(--fg3)}
.expertise-stage,.publish-stage{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.05fr 1fr;gap:10px}.ex-panel,.pub-panel{position:relative;min-width:0;border:1px solid var(--edge2);border-radius:17px;background:color-mix(in srgb,var(--glass) 88%,transparent);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025)}
.ex-top,.pub-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.34rem;letter-spacing:.08em;color:var(--fg3)}.ex-top>i,.pub-top>i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 10px color-mix(in srgb,var(--detail-tint) 65%,transparent)}.ex-top b,.pub-top b{color:var(--fg2);font-weight:600}.ex-top span,.pub-top span{margin-left:auto;color:var(--detail-tint)}
.ex-method{margin:12px;padding:12px;border:1px solid color-mix(in srgb,var(--violet) 17%,var(--edge2));border-radius:13px;background:color-mix(in srgb,var(--violet) 4%,var(--glass2))}.ex-method small,.ex-template small,.ex-reuse small,.pub-card small,.pub-review small,.pub-market small{display:block;font-family:var(--ff-m);font-size:.31rem;letter-spacing:.07em;color:var(--fg3)}.ex-method>b{display:block;margin-top:5px;font-size:.7rem}.ex-method>span{display:block;margin-top:4px;font-size:.45rem;line-height:1.5;color:var(--fg3)}
.ex-steps{display:grid;gap:7px;margin:0 12px 12px}.ex-step{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2)}.ex-step>i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--violet) 9%,transparent);font-family:var(--ff-m);font-size:.35rem;color:var(--violet);font-style:normal}.ex-step b{display:block;font-size:.5rem}.ex-step small{display:block;margin-bottom:2px;font-family:var(--ff-m);font-size:.28rem;color:var(--fg3)}.ex-step>span{font-family:var(--ff-m);font-size:.27rem;color:var(--aqua)}
.ex-capture-note{margin:0 12px 12px;padding:9px 10px;border-radius:10px;background:color-mix(in srgb,var(--aqua) 4%,var(--glass2));border:1px solid color-mix(in srgb,var(--aqua) 14%,var(--edge2));font-size:.43rem;line-height:1.5;color:var(--fg3)}.ex-capture-note b{color:var(--fg2)}
.ex-template{margin:12px;padding:12px;border:1px solid color-mix(in srgb,var(--violet) 24%,var(--edge2));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--violet) 6%,var(--glass2)),var(--glass2))}.ex-template-head{display:flex;align-items:center;gap:8px}.ex-template-head i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--violet) 11%,transparent);font-style:normal;font-family:var(--ff-m);font-size:.4rem;color:var(--violet)}.ex-template-head b{display:block;margin-top:3px;font-size:.62rem}.ex-template-head span{margin-left:auto;padding:4px 7px;border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge2));border-radius:999px;font-family:var(--ff-m);font-size:.25rem;color:var(--aqua)}
.ex-structure{display:grid;gap:6px;margin-top:11px}.ex-section{position:relative;padding:8px 9px 8px 31px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.ex-section:before{content:attr(data-n);position:absolute;left:9px;top:9px;font-family:var(--ff-m);font-size:.29rem;color:var(--violet)}.ex-section b{display:block;font-size:.47rem}.ex-section span{display:block;margin-top:2px;font-size:.36rem;line-height:1.4;color:var(--fg3)}
.ex-attachments{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0 12px 12px}.ex-attach{padding:8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2);text-align:center}.ex-attach i{display:grid;place-items:center;width:25px;height:25px;margin:0 auto 5px;border-radius:8px;background:color-mix(in srgb,var(--aqua) 8%,transparent);font-family:var(--ff-m);font-size:.29rem;color:var(--aqua);font-style:normal}.ex-attach b{display:block;font-size:.39rem}.ex-attach span{display:block;margin-top:2px;font-size:.31rem;color:var(--fg3)}
.ex-reuse-list{display:grid;gap:8px;margin:12px}.ex-reuse{padding:10px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);animation:expertiseLift 8s var(--e) infinite}.ex-reuse:nth-child(2){animation-delay:-5.3s}.ex-reuse:nth-child(3){animation-delay:-2.6s}.ex-reuse-head{display:flex;align-items:center;gap:8px}.ex-reuse-head i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 9%,transparent);font-style:normal;font-family:var(--ff-m);font-size:.31rem;color:var(--detail-tint)}.ex-reuse-head b{display:block;font-size:.49rem}.ex-reuse-head span{margin-left:auto;font-family:var(--ff-m);font-size:.26rem;color:var(--aqua)}.ex-reuse>span{display:block;margin-top:6px;font-size:.38rem;line-height:1.45;color:var(--fg3)}
.ex-flex{margin:0 12px 12px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--aqua) 16%,var(--edge2));border-radius:10px;background:color-mix(in srgb,var(--aqua) 4%,var(--glass2));font-size:.41rem;line-height:1.5;color:var(--fg3)}.ex-flex b{color:var(--fg2)}
.ex-packet{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--violet);box-shadow:0 0 0 5px color-mix(in srgb,var(--violet) 8%,transparent),0 0 13px var(--violet);z-index:4;opacity:0;animation:expertisePacket 6s linear infinite}.ex-packet.p1{left:32%;top:45%}.ex-packet.p2{left:65%;top:54%;animation-delay:-3s}
@keyframes expertisePacket{0%,10%{opacity:0;transform:translateX(-18px)}18%,78%{opacity:1}90%,100%{opacity:0;transform:translateX(34px)}}@keyframes expertiseLift{0%,76%,100%{border-color:var(--edge2);transform:translateY(0)}82%,92%{border-color:color-mix(in srgb,var(--violet) 30%,var(--edge2));transform:translateY(-2px)}}
.expertise-visual-bottom,.publish-visual-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.expertise-visual-bottom span,.publish-visual-bottom span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.4rem;color:var(--fg3)}.expertise-visual-bottom i,.publish-visual-bottom i{font-style:normal;color:var(--aqua)}
.pub-ready{margin:12px;padding:12px;border:1px solid color-mix(in srgb,var(--violet) 20%,var(--edge2));border-radius:13px;background:color-mix(in srgb,var(--violet) 4%,var(--glass2))}.pub-ready-head{display:flex;gap:9px;align-items:center}.pub-ready-head i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--violet) 11%,transparent);font-family:var(--ff-m);font-size:.36rem;color:var(--violet);font-style:normal}.pub-ready-head b{display:block;margin-top:3px;font-size:.62rem}.pub-ready-head span{margin-left:auto;font-family:var(--ff-m);font-size:.27rem;color:var(--fg3)}
.pub-bundle{display:grid;gap:7px;margin:10px 0 0}.pub-bundle div{display:grid;grid-template-columns:60px 1fr auto;gap:8px;align-items:center;padding:7px 8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.pub-bundle small{font-family:var(--ff-m);font-size:.27rem;color:var(--fg3)}.pub-bundle b{font-size:.42rem}.pub-bundle span{font-family:var(--ff-m);font-size:.25rem;color:var(--aqua)}
.pub-prepare{margin:0 12px 12px;padding:9px 10px;border-radius:10px;border:1px solid var(--edge2);background:var(--glass2);font-size:.4rem;line-height:1.5;color:var(--fg3)}.pub-prepare b{color:var(--fg2)}
.pub-gate{margin:12px;padding:13px;border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge2));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 5%,var(--glass2)),var(--glass2))}.pub-gate-core{width:88px;height:88px;margin:0 auto 12px;border:1px solid color-mix(in srgb,var(--aqua) 30%,var(--edge));border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 8%,transparent),transparent 68%);box-shadow:0 0 34px -18px var(--aqua);animation:pubGatePulse 3.2s ease-in-out infinite}.pub-gate-core b{font-family:var(--ff-m);font-size:.36rem;line-height:1.35;color:var(--aqua)}.pub-gate-core small{display:block;margin-top:3px;font-family:var(--ff-m);font-size:.25rem;color:var(--fg3)}
.pub-checks{display:grid;gap:6px}.pub-check{display:grid;grid-template-columns:23px 1fr auto;gap:7px;align-items:center;padding:7px 8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.pub-check>i{width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,transparent);font-style:normal;font-size:.35rem;color:var(--aqua)}.pub-check b{display:block;font-size:.42rem}.pub-check small{font-family:var(--ff-m);font-size:.25rem;color:var(--fg3)}.pub-check span{font-family:var(--ff-m);font-size:.24rem;color:var(--aqua)}
.pub-approved{margin-top:9px;padding:8px 9px;border:1px solid color-mix(in srgb,var(--aqua) 25%,var(--edge2));border-radius:9px;background:color-mix(in srgb,var(--aqua) 5%,var(--glass2));text-align:center;font-family:var(--ff-m);font-size:.28rem;color:var(--aqua)}
@keyframes pubGatePulse{50%{transform:scale(1.035);box-shadow:0 0 42px -14px var(--aqua)}}
.pub-market-card{margin:12px;padding:12px;border:1px solid color-mix(in srgb,var(--violet) 19%,var(--edge2));border-radius:14px;background:color-mix(in srgb,var(--violet) 4%,var(--glass2))}.pub-market-head{display:flex;align-items:center;gap:8px}.pub-market-head i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--violet) 10%,transparent);font-style:normal;font-family:var(--ff-m);font-size:.34rem;color:var(--violet)}.pub-market-head b{display:block;margin-top:3px;font-size:.59rem}.pub-market-head span{margin-left:auto;padding:4px 7px;border-radius:999px;background:color-mix(in srgb,var(--aqua) 7%,transparent);border:1px solid color-mix(in srgb,var(--aqua) 17%,var(--edge2));font-family:var(--ff-m);font-size:.24rem;color:var(--aqua)}
.pub-teams{display:grid;gap:7px;margin:10px 12px}.pub-team{display:grid;grid-template-columns:29px 1fr auto;gap:8px;align-items:center;padding:8px 9px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2)}.pub-team i{width:29px;height:29px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--violet) 8%,transparent);font-style:normal;font-family:var(--ff-m);font-size:.3rem;color:var(--violet)}.pub-team b{display:block;font-size:.45rem}.pub-team small{font-family:var(--ff-m);font-size:.25rem;color:var(--fg3)}.pub-team span{font-family:var(--ff-m);font-size:.25rem;color:var(--aqua)}
.pub-version{margin:0 12px 12px;padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2)}.pub-version-row{display:flex;align-items:center;gap:8px;font-family:var(--ff-m);font-size:.28rem}.pub-version-row b{color:var(--fg2)}.pub-version-row span{margin-left:auto;color:var(--aqua)}.pub-version-row.old{margin-top:5px;color:var(--fg3);opacity:.7}.pub-market-note{margin:0 12px 12px;font-size:.4rem;line-height:1.5;color:var(--fg3)}.pub-market-note b{color:var(--fg2)}
.pub-packet{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px color-mix(in srgb,var(--aqua) 8%,transparent),0 0 13px var(--aqua);z-index:5;opacity:0;animation:pubPacket 6.2s linear infinite}.pub-packet.p1{left:32%;top:47%}.pub-packet.p2{left:65%;top:47%;animation-delay:-3.1s}@keyframes pubPacket{0%,8%{opacity:0;transform:translateX(-16px)}18%,76%{opacity:1}90%,100%{opacity:0;transform:translateX(36px)}}
[data-theme="light"] .expertise-visual-story,[data-theme="light"] .publish-visual-story{background:radial-gradient(72% 116% at 0% 8%,rgba(192,139,255,.055),transparent 70%),radial-gradient(68% 112% at 100% 96%,rgba(63,224,200,.04),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:880px){.expertise-stage,.publish-stage{grid-template-columns:1fr}.expertise-visual-head,.publish-visual-head{align-items:flex-start}.expertise-visual-head>span,.publish-visual-head>span{text-align:left}.ex-packet,.pub-packet{display:none}.ex-panel,.pub-panel{min-height:auto}}
@media(max-width:600px){.expertise-visual-story,.publish-visual-story{padding:15px}.expertise-visual-head,.publish-visual-head{display:block}.expertise-visual-head>span,.publish-visual-head>span{display:block;margin-top:6px}.expertise-visual-bottom,.publish-visual-bottom{grid-template-columns:1fr}.ex-attachments{grid-template-columns:1fr}.ex-attach{display:grid;grid-template-columns:28px 1fr;gap:8px;text-align:left;align-items:center}.ex-attach i{margin:0}.pub-bundle div{grid-template-columns:52px 1fr}.pub-bundle div>span{grid-column:2}.pub-check{grid-template-columns:23px 1fr}.pub-check>span{grid-column:2}.pub-team{grid-template-columns:29px 1fr}.pub-team>span{grid-column:2}.ex-step{grid-template-columns:27px 1fr}.ex-step>span{grid-column:2}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .expertise-visual-story *,html:not(.motion-full) .publish-visual-story *{animation:none!important}}
html.motion-paused .expertise-visual-story *,html.motion-paused .publish-visual-story *{animation-play-state:paused!important}


/* =====================================================================
   USE CASES V6N · EXECUTIVE BRIEF / REMEMBER PAST WORK
   ===================================================================== */
.execbrief-visual-story,.memory-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(78% 120% at 0% 6%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 70%),radial-gradient(66% 110% at 100% 100%,rgba(63,224,200,.035),transparent 70%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--detail-tint) 55%,transparent)}
.execbrief-visual-story:before,.memory-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 30%);opacity:.45}
.execbrief-visual-head,.memory-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px}.execbrief-visual-head small,.memory-visual-head small{display:block;font-family:var(--ff-m);font-size:.38rem;letter-spacing:.12em;color:var(--detail-tint)}.execbrief-visual-head h4,.memory-visual-head h4{margin:5px 0 0;font-family:var(--ff-d);font-size:clamp(1rem,1.9vw,1.35rem);letter-spacing:-.035em}.execbrief-visual-head>span,.memory-visual-head>span{max-width:330px;text-align:right;font-size:.57rem;line-height:1.5;color:var(--fg3)}
.execbrief-stage{position:relative;z-index:2;display:grid;grid-template-columns:.92fr .76fr 1.25fr;gap:10px}.eb-panel,.mem-panel{position:relative;min-width:0;border:1px solid var(--edge2);border-radius:17px;background:color-mix(in srgb,var(--glass) 88%,transparent);overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.025)}.eb-top,.mem-top{height:38px;display:flex;align-items:center;gap:7px;padding:0 11px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.34rem;letter-spacing:.08em;color:var(--fg3)}.eb-top>i,.mem-top>i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 10px color-mix(in srgb,var(--detail-tint) 65%,transparent)}.eb-top b,.mem-top b{color:var(--fg2);font-weight:600}.eb-top span,.mem-top span{margin-left:auto;color:var(--detail-tint)}
.eb-source-groups{display:grid;gap:10px;padding:12px}.eb-source-group{padding:10px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.eb-source-group>small{display:flex;justify-content:space-between;font-family:var(--ff-m);font-size:.28rem;letter-spacing:.07em;color:var(--fg3)}.eb-source-group>small b{font-weight:500;color:var(--aqua)}.eb-signal{display:grid;grid-template-columns:27px 1fr auto;gap:8px;align-items:center;margin-top:7px;padding:8px;border:1px solid var(--edge2);border-radius:9px;background:color-mix(in srgb,var(--glass) 78%,transparent);animation:ebSignal 8s var(--e) infinite}.eb-signal:nth-of-type(2){animation-delay:-6s}.eb-signal:nth-of-type(3){animation-delay:-4s}.eb-signal:nth-of-type(4){animation-delay:-2s}.eb-signal>i{width:27px;height:27px;display:grid;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--detail-tint) 8%,transparent);font-family:var(--ff-m);font-size:.28rem;color:var(--detail-tint);font-style:normal}.eb-signal b{display:block;font-size:.45rem}.eb-signal small{display:block;margin-top:2px;font-size:.33rem;line-height:1.35;color:var(--fg3)}.eb-signal>span{font-family:var(--ff-m);font-size:.24rem;color:var(--aqua)}
@keyframes ebSignal{0%,72%,100%{transform:translateY(0);border-color:var(--edge2)}78%,90%{transform:translateY(-2px);border-color:color-mix(in srgb,var(--detail-tint) 24%,var(--edge2))}}
.eb-lens-wrap{display:grid;place-items:center;min-height:315px;padding:18px;position:relative}.eb-lens{position:relative;width:142px;height:142px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--detail-tint) 28%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 9%,transparent),transparent 68%);box-shadow:0 0 46px -25px var(--detail-tint);animation:ebLens 4s ease-in-out infinite}.eb-lens:before,.eb-lens:after{content:"";position:absolute;border-radius:50%;border:1px solid color-mix(in srgb,var(--detail-tint) 15%,transparent)}.eb-lens:before{inset:-18px}.eb-lens:after{inset:-35px}.eb-lens b{font-family:var(--ff-d);font-size:.72rem;letter-spacing:-.02em}.eb-lens small{display:block;margin-top:4px;font-family:var(--ff-m);font-size:.27rem;line-height:1.35;color:var(--fg3)}@keyframes ebLens{50%{transform:scale(1.025);box-shadow:0 0 56px -21px var(--detail-tint)}}
.eb-lens-steps{display:grid;gap:6px;width:100%;margin-top:24px}.eb-lens-step{display:grid;grid-template-columns:20px 1fr;gap:7px;align-items:center;padding:7px 8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2);font-size:.37rem;color:var(--fg3)}.eb-lens-step i{width:20px;height:20px;border-radius:6px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 7%,transparent);font-style:normal;color:var(--aqua);font-size:.31rem}
.eb-brief{padding:12px}.eb-brief-card{padding:13px;border:1px solid color-mix(in srgb,var(--detail-tint) 23%,var(--edge2));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--detail-tint) 5%,var(--glass2)),var(--glass2));box-shadow:0 18px 40px -32px var(--detail-tint)}.eb-brief-meta{display:flex;align-items:center;gap:8px}.eb-brief-meta i{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 10%,transparent);font-family:var(--ff-m);font-size:.3rem;color:var(--detail-tint);font-style:normal}.eb-brief-meta small{display:block;font-family:var(--ff-m);font-size:.28rem;color:var(--fg3)}.eb-brief-meta b{display:block;margin-top:2px;font-size:.61rem}.eb-brief-meta span{margin-left:auto;font-family:var(--ff-m);font-size:.25rem;color:var(--aqua)}.eb-brief-title{margin:12px 0 9px;font-family:var(--ff-d);font-size:.85rem;line-height:1.25;letter-spacing:-.025em}.eb-brief-sections{display:grid;gap:7px}.eb-brief-section{padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);animation:ebBriefReveal 8s var(--e) infinite}.eb-brief-section:nth-child(2){animation-delay:-6s}.eb-brief-section:nth-child(3){animation-delay:-4s}.eb-brief-section:nth-child(4){animation-delay:-2s}.eb-brief-section small{font-family:var(--ff-m);font-size:.26rem;letter-spacing:.06em;color:var(--detail-tint)}.eb-brief-section b{display:block;margin-top:4px;font-size:.43rem;line-height:1.4}.eb-brief-section span{display:block;margin-top:3px;font-size:.34rem;line-height:1.42;color:var(--fg3)}@keyframes ebBriefReveal{0%,70%,100%{opacity:.82;transform:translateX(0)}78%,90%{opacity:1;transform:translateX(2px);border-color:color-mix(in srgb,var(--detail-tint) 22%,var(--edge2))}}
.eb-brief-sources{display:flex;flex-wrap:wrap;gap:5px;margin-top:9px}.eb-brief-sources span{padding:4px 6px;border:1px solid var(--edge2);border-radius:999px;background:var(--glass2);font-family:var(--ff-m);font-size:.24rem;color:var(--fg3)}.eb-brief-sources span.internal{color:var(--aqua)}.eb-brief-sources span.external{color:var(--detail-tint)}
.execbrief-visual-bottom,.memory-visual-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.execbrief-visual-bottom span,.memory-visual-bottom span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.4rem;color:var(--fg3)}.execbrief-visual-bottom i,.memory-visual-bottom i{font-style:normal;color:var(--aqua)}

.memory-stage{position:relative;z-index:2;display:grid;grid-template-columns:1.04fr .74fr 1.12fr;gap:10px}.mem-timeline{position:relative;padding:12px 12px 12px 31px}.mem-timeline:before{content:"";position:absolute;left:20px;top:18px;bottom:20px;width:1px;background:linear-gradient(180deg,var(--detail-tint),color-mix(in srgb,var(--detail-tint) 18%,transparent),transparent)}.mem-item{position:relative;padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);margin-bottom:8px;animation:memLift 8s var(--e) infinite}.mem-item:nth-child(2){animation-delay:-6s}.mem-item:nth-child(3){animation-delay:-4s}.mem-item:nth-child(4){animation-delay:-2s}.mem-item:before{content:"";position:absolute;left:-17px;top:18px;width:7px;height:7px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 0 4px color-mix(in srgb,var(--detail-tint) 7%,transparent),0 0 11px var(--detail-tint)}.mem-item-head{display:flex;align-items:center;gap:6px}.mem-item-head small{font-family:var(--ff-m);font-size:.26rem;color:var(--fg3)}.mem-item-head span{margin-left:auto;font-family:var(--ff-m);font-size:.23rem;color:var(--aqua)}.mem-item b{display:block;margin-top:5px;font-size:.48rem}.mem-item>span{display:block;margin-top:3px;font-size:.35rem;line-height:1.4;color:var(--fg3)}@keyframes memLift{0%,72%,100%{border-color:var(--edge2);transform:translateX(0)}80%,90%{border-color:color-mix(in srgb,var(--detail-tint) 25%,var(--edge2));transform:translateX(2px)}}
.mem-gate-wrap{display:grid;place-items:center;min-height:328px;padding:16px}.mem-gate{width:100%;padding:13px;border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge2));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 4%,var(--glass2)),var(--glass2))}.mem-gate-core{width:94px;height:94px;margin:0 auto 12px;border:1px solid color-mix(in srgb,var(--aqua) 28%,var(--edge));border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 8%,transparent),transparent 68%);box-shadow:0 0 40px -22px var(--aqua);animation:memGate 3.4s ease-in-out infinite}.mem-gate-core b{font-family:var(--ff-m);font-size:.34rem;line-height:1.35;color:var(--aqua)}.mem-gate-core small{display:block;margin-top:3px;font-family:var(--ff-m);font-size:.24rem;color:var(--fg3)}@keyframes memGate{50%{transform:scale(1.035)}}.mem-checks{display:grid;gap:6px}.mem-check{display:grid;grid-template-columns:22px 1fr;gap:7px;align-items:center;padding:7px 8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.mem-check i{width:22px;height:22px;border-radius:7px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 8%,transparent);font-style:normal;color:var(--aqua);font-size:.32rem}.mem-check b{display:block;font-size:.39rem}.mem-check small{display:block;margin-top:2px;font-size:.29rem;line-height:1.35;color:var(--fg3)}
.mem-current{padding:12px}.mem-question{padding:11px;border:1px solid color-mix(in srgb,var(--detail-tint) 20%,var(--edge2));border-radius:12px;background:color-mix(in srgb,var(--detail-tint) 4%,var(--glass2))}.mem-question small{font-family:var(--ff-m);font-size:.27rem;color:var(--detail-tint)}.mem-question b{display:block;margin-top:5px;font-size:.58rem;line-height:1.4}.mem-recall{margin-top:9px;padding:11px;border:1px solid color-mix(in srgb,var(--aqua) 21%,var(--edge2));border-radius:12px;background:color-mix(in srgb,var(--aqua) 4%,var(--glass2))}.mem-recall-head{display:flex;gap:8px;align-items:center}.mem-recall-head i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,transparent);font-family:var(--ff-m);font-size:.28rem;color:var(--aqua);font-style:normal}.mem-recall-head small{display:block;font-family:var(--ff-m);font-size:.25rem;color:var(--fg3)}.mem-recall-head b{display:block;margin-top:2px;font-size:.48rem}.mem-recall>p{margin:9px 0 0;font-size:.39rem;line-height:1.55;color:var(--fg3)}.mem-recall>p b{color:var(--fg2)}.mem-provenance{display:grid;gap:5px;margin-top:9px}.mem-source{display:grid;grid-template-columns:28px 1fr auto;gap:7px;align-items:center;padding:7px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.mem-source i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 7%,transparent);font-family:var(--ff-m);font-size:.26rem;color:var(--detail-tint);font-style:normal}.mem-source b{display:block;font-size:.39rem}.mem-source small{display:block;margin-top:2px;font-size:.27rem;color:var(--fg3)}.mem-source span{font-family:var(--ff-m);font-size:.23rem;color:var(--aqua)}.mem-destinations{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:9px}.mem-destination{padding:8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2);text-align:center}.mem-destination small{display:block;font-family:var(--ff-m);font-size:.23rem;color:var(--fg3)}.mem-destination b{display:block;margin-top:3px;font-size:.36rem}.mem-policy-note{margin-top:9px;font-size:.34rem;line-height:1.5;color:var(--fg3)}.mem-policy-note b{color:var(--fg2)}
[data-theme="light"] .execbrief-visual-story,[data-theme="light"] .memory-visual-story{background:radial-gradient(78% 120% at 0% 6%,rgba(124,124,255,.055),transparent 70%),radial-gradient(66% 110% at 100% 100%,rgba(63,224,200,.04),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:880px){.execbrief-stage,.memory-stage{grid-template-columns:1fr}.execbrief-visual-head,.memory-visual-head{align-items:flex-start}.execbrief-visual-head>span,.memory-visual-head>span{text-align:left}.eb-lens-wrap,.mem-gate-wrap{min-height:auto}.eb-lens-wrap{grid-template-columns:150px 1fr;gap:18px;place-items:center}.eb-lens-steps{margin-top:0}}
@media(max-width:600px){.execbrief-visual-story,.memory-visual-story{padding:15px}.execbrief-visual-head,.memory-visual-head{display:block}.execbrief-visual-head>span,.memory-visual-head>span{display:block;margin-top:6px}.execbrief-visual-bottom,.memory-visual-bottom{grid-template-columns:1fr}.eb-lens-wrap{display:grid;grid-template-columns:1fr}.eb-lens-steps{margin-top:12px}.eb-signal{grid-template-columns:27px 1fr}.eb-signal>span{grid-column:2}.mem-source{grid-template-columns:28px 1fr}.mem-source>span{grid-column:2}.mem-destinations{grid-template-columns:1fr}.mem-destination{text-align:left}.mem-gate-core{width:84px;height:84px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .execbrief-visual-story *,html:not(.motion-full) .memory-visual-story *{animation:none!important}}
html.motion-paused .execbrief-visual-story *,html.motion-paused .memory-visual-story *{animation-play-state:paused!important}


/* =====================================================================
   USE CASES V6O · CUSTOMER INTELLIGENCE / PRIVATE RESEARCH
   27: radial customer signal map -> meaningful pattern -> next useful action.
   28: sensitive task -> policy classification -> approved execution path ->
       result returns inside the same governed boundary.
   ===================================================================== */
.customerintel-visual-story,.privateresearch-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(70% 120% at 10% 0%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 68%),radial-gradient(75% 120% at 100% 100%,rgba(63,224,200,.04),transparent 70%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--detail-tint) 55%,transparent)}
.customerintel-visual-story:before,.privateresearch-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 30%);opacity:.45}
.customerintel-visual-head,.privateresearch-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px}.customerintel-visual-head small,.privateresearch-visual-head small{display:block;font-family:var(--ff-m);font-size:.29rem;letter-spacing:.09em;color:var(--detail-tint)}.customerintel-visual-head h4,.privateresearch-visual-head h4{margin:5px 0 0;font-family:var(--ff-d);font-size:clamp(.86rem,1.4vw,1.15rem);line-height:1.22;letter-spacing:-.025em;max-width:29ch}.customerintel-visual-head>span,.privateresearch-visual-head>span{max-width:38ch;text-align:right;font-size:.36rem;line-height:1.45;color:var(--fg3)}
.customerintel-visual-bottom,.privateresearch-visual-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.customerintel-visual-bottom span,.privateresearch-visual-bottom span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.4rem;color:var(--fg3)}.customerintel-visual-bottom i,.privateresearch-visual-bottom i{font-style:normal;color:var(--aqua)}

/* 27 · CUSTOMER INTELLIGENCE - radial signal map, deliberately not a 3-column flow */
.ci-stage{position:relative;z-index:2;min-height:470px;border:1px solid var(--edge2);border-radius:19px;background:radial-gradient(circle at 42% 48%,color-mix(in srgb,var(--detail-tint) 4%,transparent),transparent 30%),linear-gradient(145deg,color-mix(in srgb,var(--glass) 70%,transparent),var(--glass2));overflow:hidden}.ci-stage:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at center,color-mix(in srgb,var(--detail-tint) 13%,transparent) 1px,transparent 1.2px);background-size:24px 24px;mask-image:radial-gradient(circle at 42% 48%,black,transparent 56%);opacity:.42;pointer-events:none}
.ci-label{position:absolute;left:18px;top:16px;display:flex;align-items:center;gap:8px;font-family:var(--ff-m);font-size:.28rem;letter-spacing:.08em;color:var(--fg3)}.ci-label i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint)}.ci-label b{color:var(--fg2)}.ci-label span{color:var(--aqua)}
.ci-orbit{position:absolute;left:5%;top:54px;width:68%;height:365px}.ci-ring{position:absolute;left:50%;top:50%;border:1px solid color-mix(in srgb,var(--detail-tint) 13%,var(--edge));border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}.ci-ring.r1{width:190px;height:190px}.ci-ring.r2{width:310px;height:310px;border-style:dashed;animation:ciSpin 28s linear infinite}.ci-ring.r3{width:392px;height:350px;opacity:.45}@keyframes ciSpin{to{transform:translate(-50%,-50%) rotate(360deg)}}
.ci-customer{position:absolute;left:50%;top:50%;width:142px;height:142px;transform:translate(-50%,-50%);border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 13%,var(--bg2)) 0 42%,color-mix(in srgb,var(--bg2) 92%,transparent) 70%);border:1px solid color-mix(in srgb,var(--detail-tint) 35%,var(--edge));box-shadow:0 0 0 12px color-mix(in srgb,var(--detail-tint) 3%,transparent),0 0 50px -22px var(--detail-tint);z-index:5}.ci-customer:after{content:"";position:absolute;inset:-11px;border-radius:50%;border:1px solid color-mix(in srgb,var(--aqua) 18%,transparent);animation:ciPulse 3.3s ease-in-out infinite}@keyframes ciPulse{50%{transform:scale(1.045);opacity:.45}}.ci-customer small{font-family:var(--ff-m);font-size:.24rem;color:var(--detail-tint)}.ci-customer b{display:block;margin-top:4px;font-family:var(--ff-d);font-size:.72rem;letter-spacing:-.025em}.ci-customer span{display:block;margin-top:3px;font-size:.31rem;color:var(--fg3)}.ci-customer em{display:inline-block;margin-top:7px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.21rem;font-style:normal;color:var(--aqua)}
.ci-node{--ci:var(--detail-tint);position:absolute;width:122px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--ci) 22%,var(--edge));border-radius:12px;background:radial-gradient(90% 110% at 100% 0%,color-mix(in srgb,var(--ci) 6%,transparent),transparent 68%),color-mix(in srgb,var(--bg2) 89%,transparent);box-shadow:0 14px 28px -28px var(--ci);z-index:4;animation:ciNode 7s var(--e) infinite}.ci-node:nth-of-type(2){animation-delay:-1.1s}.ci-node:nth-of-type(3){animation-delay:-2.2s}.ci-node:nth-of-type(4){animation-delay:-3.3s}.ci-node:nth-of-type(5){animation-delay:-4.4s}.ci-node:nth-of-type(6){animation-delay:-5.5s}.ci-node:nth-of-type(7){animation-delay:-6.6s}@keyframes ciNode{0%,76%,100%{transform:none}84%,92%{transform:translateY(-3px);border-color:color-mix(in srgb,var(--ci) 42%,var(--edge))}}.ci-node small{font-family:var(--ff-m);font-size:.21rem;color:var(--ci)}.ci-node b{display:block;margin-top:3px;font-size:.38rem;line-height:1.35}.ci-node span{display:block;margin-top:3px;font-size:.29rem;line-height:1.35;color:var(--fg3)}.ci-node.n-email{left:2%;top:28px;--ci:var(--aqua)}.ci-node.n-call{left:0;bottom:38px;--ci:var(--coral)}.ci-node.n-crm{left:35%;top:0;--ci:var(--peri)}.ci-node.n-file{right:0;top:42px;--ci:var(--violet)}.ci-node.n-task{right:2%;bottom:36px;--ci:var(--aqua)}
.ci-beam{position:absolute;left:50%;top:50%;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,color-mix(in srgb,var(--detail-tint) 7%,transparent),color-mix(in srgb,var(--aqua) 40%,transparent),transparent);opacity:.55;z-index:1}.ci-beam.b1{width:190px;transform:rotate(-154deg)}.ci-beam.b2{width:190px;transform:rotate(150deg)}.ci-beam.b3{width:185px;transform:rotate(-90deg)}.ci-beam.b4{width:195px;transform:rotate(-28deg)}.ci-beam.b5{width:198px;transform:rotate(30deg)}
.ci-packet{position:absolute;left:50%;top:50%;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 14px var(--aqua);z-index:3;animation:ciPacket 5.8s linear infinite}.ci-packet.p2{animation-delay:-2.9s;background:var(--detail-tint);box-shadow:0 0 14px var(--detail-tint)}@keyframes ciPacket{0%{transform:translate(-185px,-118px);opacity:0}12%{opacity:1}48%{transform:translate(-4px,-3px);opacity:1}64%{transform:translate(24px,2px);opacity:.8}100%{transform:translate(190px,96px);opacity:0}}
.ci-insights{position:absolute;right:16px;top:54px;width:31%;bottom:18px;display:flex;flex-direction:column;gap:9px}.ci-insight-head{padding:10px 11px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2)}.ci-insight-head small{font-family:var(--ff-m);font-size:.22rem;color:var(--fg3)}.ci-insight-head b{display:block;margin-top:4px;font-size:.5rem}.ci-insight{padding:10px 11px;border:1px solid var(--edge2);border-radius:12px;background:var(--glass2);animation:ciInsight 8s var(--spring) infinite}.ci-insight:nth-child(3){animation-delay:-5.3s}.ci-insight:nth-child(4){animation-delay:-2.6s}@keyframes ciInsight{0%,72%,100%{transform:none;opacity:.78}80%,91%{transform:translateX(-3px);opacity:1;border-color:color-mix(in srgb,var(--detail-tint) 25%,var(--edge2))}}.ci-insight small{font-family:var(--ff-m);font-size:.22rem;color:var(--detail-tint)}.ci-insight b{display:block;margin-top:4px;font-size:.43rem}.ci-insight span{display:block;margin-top:3px;font-size:.31rem;line-height:1.42;color:var(--fg3)}.ci-action{margin-top:auto;padding:12px;border:1px solid color-mix(in srgb,var(--aqua) 24%,var(--edge));border-radius:13px;background:linear-gradient(135deg,color-mix(in srgb,var(--aqua) 6%,var(--glass)),var(--glass2));box-shadow:0 18px 36px -30px var(--aqua)}.ci-action small{font-family:var(--ff-m);font-size:.23rem;color:var(--aqua)}.ci-action b{display:block;margin-top:4px;font-size:.52rem;line-height:1.35}.ci-action span{display:block;margin-top:4px;font-size:.32rem;line-height:1.45;color:var(--fg3)}.ci-action-tags{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.ci-action-tags em{padding:4px 6px;border:1px solid var(--edge2);border-radius:999px;font-family:var(--ff-m);font-size:.2rem;font-style:normal;color:var(--fg3)}

/* 28 · PRIVATE RESEARCH - governed corridor / boundary, not another source-answer layout */
.pr-stage{position:relative;z-index:2;min-height:470px;border:1px solid color-mix(in srgb,var(--aqua) 17%,var(--edge2));border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--aqua) 2%,var(--glass2)),var(--glass2));overflow:hidden}.pr-boundary{position:absolute;inset:14px;border:1px dashed color-mix(in srgb,var(--aqua) 25%,var(--edge));border-radius:16px;pointer-events:none}.pr-boundary:before{content:"APPROVED WORKSPACE BOUNDARY";position:absolute;left:14px;top:-8px;padding:0 7px;background:var(--bg2);font-family:var(--ff-m);font-size:.2rem;letter-spacing:.08em;color:var(--aqua)}.pr-boundary:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 55px color-mix(in srgb,var(--aqua) 3%,transparent);pointer-events:none}
.pr-request{position:absolute;left:34px;top:58px;width:27%;padding:13px;border:1px solid color-mix(in srgb,var(--coral) 25%,var(--edge));border-radius:14px;background:radial-gradient(100% 90% at 0% 0%,color-mix(in srgb,var(--coral) 6%,transparent),transparent 66%),var(--glass2)}.pr-request small{font-family:var(--ff-m);font-size:.23rem;color:var(--coral)}.pr-request b{display:block;margin-top:5px;font-size:.56rem;line-height:1.4}.pr-request span{display:block;margin-top:6px;font-size:.33rem;line-height:1.48;color:var(--fg3)}.pr-files{display:grid;gap:6px;margin-top:10px}.pr-file{display:grid;grid-template-columns:28px 1fr;gap:7px;align-items:center;padding:7px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.pr-file i{width:28px;height:28px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 7%,transparent);font-family:var(--ff-m);font-style:normal;font-size:.23rem;color:var(--detail-tint)}.pr-file b{display:block;font-size:.36rem}.pr-file small{display:block;margin-top:2px;font-size:.24rem;color:var(--fg3)}
.pr-policy{position:absolute;left:36%;top:54px;width:25%;bottom:46px;display:grid;align-content:center}.pr-gate{position:relative;margin:auto;width:150px;height:150px;border:1px solid color-mix(in srgb,var(--aqua) 32%,var(--edge));border-radius:50%;display:grid;place-items:center;text-align:center;background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 9%,transparent),transparent 68%);box-shadow:0 0 0 11px color-mix(in srgb,var(--aqua) 3%,transparent),0 0 48px -20px var(--aqua);animation:prGate 3.4s ease-in-out infinite}@keyframes prGate{50%{transform:scale(1.035)}}.pr-gate:after{content:"";position:absolute;inset:-16px;border-radius:50%;border:1px solid color-mix(in srgb,var(--aqua) 11%,transparent)}.pr-gate small{font-family:var(--ff-m);font-size:.21rem;color:var(--aqua)}.pr-gate b{display:block;margin-top:4px;font-family:var(--ff-d);font-size:.58rem;line-height:1.25}.pr-class{margin-top:13px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--coral) 20%,var(--edge2));border-radius:10px;background:color-mix(in srgb,var(--coral) 4%,var(--glass2));text-align:center}.pr-class small{font-family:var(--ff-m);font-size:.2rem;color:var(--fg3)}.pr-class b{display:block;margin-top:3px;font-size:.4rem;color:var(--coral)}
.pr-paths{position:absolute;right:25px;top:45px;width:32%;display:grid;gap:9px}.pr-path{--prc:var(--aqua);position:relative;padding:10px 11px;border:1px solid color-mix(in srgb,var(--prc) 23%,var(--edge));border-radius:12px;background:radial-gradient(100% 100% at 100% 0%,color-mix(in srgb,var(--prc) 6%,transparent),transparent 70%),var(--glass2)}.pr-path small{font-family:var(--ff-m);font-size:.21rem;color:var(--prc)}.pr-path b{display:block;margin-top:3px;font-size:.43rem}.pr-path span{display:block;margin-top:3px;font-size:.3rem;color:var(--fg3)}.pr-path em{position:absolute;right:9px;top:9px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--prc) 20%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.19rem;font-style:normal;color:var(--prc)}.pr-path.local{--prc:var(--peri)}.pr-path.private{--prc:var(--aqua);box-shadow:0 16px 34px -30px var(--aqua);animation:prSelect 5s var(--spring) infinite}.pr-path.cloud{--prc:var(--coral);opacity:.55}.pr-path.cloud:after{content:"× NOT PERMITTED";position:absolute;right:9px;bottom:8px;font-family:var(--ff-m);font-size:.19rem;color:var(--coral)}@keyframes prSelect{0%,70%,100%{transform:none}78%,91%{transform:translateX(-3px);border-color:color-mix(in srgb,var(--aqua) 45%,var(--edge))}}
.pr-route-line{position:absolute;left:57%;top:50%;width:14%;height:1px;background:linear-gradient(90deg,var(--aqua),color-mix(in srgb,var(--aqua) 20%,transparent));transform:translateY(-1px);z-index:1}.pr-route-packet{position:absolute;left:57%;top:calc(50% - 4px);width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 15px var(--aqua);animation:prPacket 4.2s linear infinite;z-index:3}@keyframes prPacket{0%{transform:translateX(0);opacity:0}12%{opacity:1}74%{transform:translateX(118px);opacity:1}100%{transform:translateX(148px);opacity:0}}
.pr-result{position:absolute;left:34px;right:25px;bottom:22px;display:grid;grid-template-columns:1.15fr .85fr;gap:9px}.pr-result-main,.pr-result-policy{padding:10px 11px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2)}.pr-result-main small,.pr-result-policy small{font-family:var(--ff-m);font-size:.2rem;color:var(--aqua)}.pr-result-main b,.pr-result-policy b{display:block;margin-top:4px;font-size:.4rem}.pr-result-main span,.pr-result-policy span{display:block;margin-top:3px;font-size:.29rem;line-height:1.4;color:var(--fg3)}.pr-result-policy{border-color:color-mix(in srgb,var(--aqua) 20%,var(--edge));background:color-mix(in srgb,var(--aqua) 3%,var(--glass2))}
[data-theme="light"] .customerintel-visual-story,[data-theme="light"] .privateresearch-visual-story{background:radial-gradient(70% 120% at 10% 0%,rgba(124,124,255,.055),transparent 68%),radial-gradient(75% 120% at 100% 100%,rgba(63,224,200,.04),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:980px){.ci-stage{min-height:610px}.ci-orbit{left:3%;top:58px;width:94%;height:350px}.ci-insights{left:18px;right:18px;top:auto;bottom:18px;width:auto;display:grid;grid-template-columns:repeat(4,1fr);align-items:stretch}.ci-insight-head{display:none}.ci-action{margin-top:0}.pr-stage{min-height:640px}.pr-request{left:30px;top:48px;width:36%}.pr-policy{left:43%;top:46px;width:22%;bottom:auto}.pr-paths{right:25px;top:48px;width:30%}.pr-result{grid-template-columns:1fr;bottom:22px}.pr-route-line,.pr-route-packet{display:none}}
@media(max-width:700px){.customerintel-visual-story,.privateresearch-visual-story{padding:15px}.customerintel-visual-head,.privateresearch-visual-head{display:block}.customerintel-visual-head>span,.privateresearch-visual-head>span{display:block;text-align:left;margin-top:6px}.customerintel-visual-bottom,.privateresearch-visual-bottom{grid-template-columns:1fr}.ci-stage{min-height:0;padding:54px 12px 12px}.ci-label{left:14px;top:14px}.ci-orbit{position:relative;left:auto;top:auto;width:100%;height:auto;display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:0}.ci-ring,.ci-beam,.ci-packet{display:none}.ci-customer{position:relative;left:auto;top:auto;transform:none;width:auto;height:auto;min-height:120px;border-radius:16px;grid-column:1/-1;padding:14px}.ci-customer:after{display:none}.ci-node{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:auto;animation:none}.ci-insights{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto;display:grid;grid-template-columns:1fr;margin-top:9px}.ci-insight-head{display:block}.pr-stage{min-height:0;padding:42px 12px 12px}.pr-boundary{inset:10px}.pr-request,.pr-policy,.pr-paths,.pr-result{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}.pr-policy{margin:12px 0}.pr-paths{margin-top:12px}.pr-gate{width:118px;height:118px}.pr-result{display:grid;grid-template-columns:1fr;margin-top:12px}.pr-route-line,.pr-route-packet{display:none}.pr-boundary:before{font-size:.17rem}}
@media(max-width:430px){.ci-orbit{grid-template-columns:1fr}.ci-customer{grid-column:auto}.ci-node b{font-size:.41rem}.pr-file{grid-template-columns:26px 1fr}.pr-file i{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .customerintel-visual-story *,html:not(.motion-full) .privateresearch-visual-story *{animation:none!important}}
html.motion-paused .customerintel-visual-story *,html.motion-paused .privateresearch-visual-story *{animation-play-state:paused!important}


/* =====================================================================
   USE CASES V6P · DATA + DOCUMENTS / AUTOMATIC AI ROUTING
   29 uses a split-evidence workbench; 30 uses a dynamic routing switchboard.
   ===================================================================== */
.datafusion-visual-story,.autoroute-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(72% 118% at 8% 0%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 68%),radial-gradient(72% 118% at 100% 100%,rgba(63,224,200,.04),transparent 70%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--detail-tint) 55%,transparent)}
.datafusion-visual-story:before,.autoroute-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 30%);opacity:.45}
.datafusion-visual-head,.autoroute-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px}.datafusion-visual-head small,.autoroute-visual-head small{display:block;font-family:var(--ff-m);font-size:.38rem;letter-spacing:.12em;color:var(--detail-tint)}.datafusion-visual-head h4,.autoroute-visual-head h4{margin:5px 0 0;font-family:var(--ff-d);font-size:clamp(1rem,1.9vw,1.35rem);letter-spacing:-.035em}.datafusion-visual-head>span,.autoroute-visual-head>span{max-width:340px;text-align:right;font-size:.57rem;line-height:1.5;color:var(--fg3)}
.datafusion-visual-bottom,.autoroute-visual-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.datafusion-visual-bottom span,.autoroute-visual-bottom span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.4rem;color:var(--fg3)}.datafusion-visual-bottom i,.autoroute-visual-bottom i{font-style:normal;color:var(--aqua)}

/* 29 · ASK FILES AND DATABASES TOGETHER - split evidence workbench */
.dfus-stage{position:relative;z-index:2;padding:12px;border:1px solid var(--edge2);border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--detail-tint) 2%,var(--glass2)),var(--glass2));overflow:hidden}
.dfus-question{position:relative;padding:13px 14px 13px 48px;border:1px solid color-mix(in srgb,var(--detail-tint) 24%,var(--edge));border-radius:13px;background:color-mix(in srgb,var(--detail-tint) 4%,var(--glass2));box-shadow:0 16px 38px -32px var(--detail-tint)}.dfus-question:before{content:"?";position:absolute;left:13px;top:50%;transform:translateY(-50%);width:25px;height:25px;border-radius:8px;display:grid;place-items:center;background:color-mix(in srgb,var(--detail-tint) 11%,transparent);font-family:var(--ff-d);font-weight:700;color:var(--detail-tint)}.dfus-question small{display:block;font-family:var(--ff-m);font-size:.24rem;letter-spacing:.08em;color:var(--detail-tint)}.dfus-question b{display:block;margin-top:4px;font-size:.58rem;line-height:1.4}.dfus-question span{display:block;margin-top:4px;font-size:.32rem;line-height:1.42;color:var(--fg3)}
.dfus-workbench{position:relative;display:grid;grid-template-columns:1fr 112px 1fr;gap:10px;margin-top:10px;align-items:stretch}.dfus-panel{position:relative;min-width:0;border:1px solid var(--edge2);border-radius:15px;background:color-mix(in srgb,var(--glass) 88%,transparent);overflow:hidden}.dfus-panel-head{height:38px;display:flex;align-items:center;gap:7px;padding:0 10px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.31rem;letter-spacing:.07em;color:var(--fg3)}.dfus-panel-head i{width:6px;height:6px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 10px color-mix(in srgb,var(--detail-tint) 60%,transparent)}.dfus-panel-head b{font-weight:600;color:var(--fg2)}.dfus-panel-head span{margin-left:auto;color:var(--aqua)}
.dfus-docs{padding:10px;display:grid;gap:7px}.dfus-doc{padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);animation:dfusDoc 7s var(--e) infinite}.dfus-doc:nth-child(2){animation-delay:-4.6s}.dfus-doc:nth-child(3){animation-delay:-2.3s}.dfus-doc small{font-family:var(--ff-m);font-size:.23rem;color:var(--fg3)}.dfus-doc b{display:block;margin-top:4px;font-size:.4rem;line-height:1.35}.dfus-doc span{display:block;margin-top:3px;font-size:.3rem;line-height:1.38;color:var(--fg3)}.dfus-doc mark{padding:1px 3px;border-radius:4px;background:color-mix(in srgb,var(--detail-tint) 12%,transparent);color:var(--fg2)}@keyframes dfusDoc{0%,70%,100%{transform:none;border-color:var(--edge2)}78%,90%{transform:translateX(2px);border-color:color-mix(in srgb,var(--detail-tint) 25%,var(--edge2))}}
.dfus-db{padding:10px}.dfus-table{overflow:hidden;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2)}.dfus-tr{display:grid;grid-template-columns:1.1fr .72fr .72fr;gap:7px;align-items:center;padding:8px 9px;border-bottom:1px solid var(--edge2);font-size:.31rem}.dfus-tr:last-child{border-bottom:0}.dfus-tr.head{font-family:var(--ff-m);font-size:.22rem;letter-spacing:.05em;color:var(--fg3);background:color-mix(in srgb,var(--aqua) 3%,transparent)}.dfus-tr.hot{background:color-mix(in srgb,var(--aqua) 3%,transparent);animation:dfusRow 7s var(--e) infinite}.dfus-tr.hot:nth-child(3){animation-delay:-3.5s}.dfus-tr b{font-size:.34rem}.dfus-tr span{color:var(--fg3)}.dfus-tr em{font-style:normal;color:var(--aqua);font-family:var(--ff-m);font-size:.24rem}@keyframes dfusRow{0%,70%,100%{box-shadow:none}78%,90%{box-shadow:inset 2px 0 var(--aqua)}}
.dfus-core{position:relative;display:grid;place-items:center;min-height:265px}.dfus-core:before,.dfus-core:after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--detail-tint) 40%,transparent),transparent)}.dfus-core:after{transform:rotate(90deg);opacity:.42}.dfus-core-orb{position:relative;z-index:2;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--detail-tint) 32%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 10%,transparent),transparent 68%),var(--glass2);box-shadow:0 0 0 9px color-mix(in srgb,var(--detail-tint) 3%,transparent),0 0 42px -20px var(--detail-tint);animation:dfusCore 4s ease-in-out infinite}.dfus-core-orb b{font-family:var(--ff-d);font-size:.48rem;line-height:1.15}.dfus-core-orb small{display:block;margin-top:4px;font-family:var(--ff-m);font-size:.2rem;color:var(--aqua)}.dfus-core-tags{position:absolute;left:5px;right:5px;bottom:19px;display:grid;gap:5px}.dfus-core-tags span{padding:6px 5px;border:1px solid var(--edge2);border-radius:8px;background:var(--glass2);text-align:center;font-family:var(--ff-m);font-size:.2rem;color:var(--fg3)}.dfus-packet{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint);z-index:3}.dfus-packet.p1{left:-3px;top:34%;animation:dfusPacketL 3.8s linear infinite}.dfus-packet.p2{right:-3px;top:62%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);animation:dfusPacketR 3.8s linear infinite -1.8s}@keyframes dfusPacketL{0%{transform:translateX(0);opacity:0}15%{opacity:1}75%{transform:translateX(56px);opacity:1}100%{transform:translateX(72px);opacity:0}}@keyframes dfusPacketR{0%{transform:translateX(0);opacity:0}15%{opacity:1}75%{transform:translateX(-56px);opacity:1}100%{transform:translateX(-72px);opacity:0}}@keyframes dfusCore{50%{transform:scale(1.03)}}
.dfus-answer{margin-top:10px;padding:12px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge));border-radius:14px;background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 4%,var(--glass2)),var(--glass2))}.dfus-answer-head{display:flex;align-items:center;gap:8px}.dfus-answer-head i{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--aqua) 9%,transparent);font-family:var(--ff-m);font-style:normal;font-size:.25rem;color:var(--aqua)}.dfus-answer-head small{display:block;font-family:var(--ff-m);font-size:.22rem;color:var(--fg3)}.dfus-answer-head b{display:block;margin-top:2px;font-size:.52rem}.dfus-answer-head span{margin-left:auto;font-family:var(--ff-m);font-size:.21rem;color:var(--aqua)}.dfus-claims{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:9px}.dfus-claim{padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2)}.dfus-claim>small{font-family:var(--ff-m);font-size:.21rem;color:var(--detail-tint)}.dfus-claim b{display:block;margin-top:4px;font-size:.38rem;line-height:1.4}.dfus-claim p{margin:4px 0 0;font-size:.3rem;line-height:1.42;color:var(--fg3)}.dfus-sourcechips{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.dfus-sourcechips span{padding:4px 6px;border:1px solid var(--edge2);border-radius:999px;font-family:var(--ff-m);font-size:.19rem;color:var(--fg3)}.dfus-sourcechips .doc{color:var(--detail-tint)}.dfus-sourcechips .data{color:var(--aqua)}

/* 30 · USE THE RIGHT AI AUTOMATICALLY - task routing switchboard */
.autoroute-stage{position:relative;z-index:2;padding:12px;border:1px solid var(--edge2);border-radius:19px;background:linear-gradient(135deg,color-mix(in srgb,var(--detail-tint) 2%,var(--glass2)),var(--glass2));overflow:hidden}.ar-banner{display:flex;align-items:center;gap:8px;padding:10px 11px;border:1px solid color-mix(in srgb,var(--detail-tint) 20%,var(--edge));border-radius:11px;background:color-mix(in srgb,var(--detail-tint) 4%,var(--glass2))}.ar-banner i{width:7px;height:7px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 11px var(--detail-tint)}.ar-banner small{font-family:var(--ff-m);font-size:.22rem;color:var(--detail-tint)}.ar-banner b{font-size:.42rem}.ar-banner span{margin-left:auto;font-size:.28rem;color:var(--fg3)}
.ar-board{position:relative;display:grid;grid-template-columns:1fr 170px 1fr;gap:10px;margin-top:10px;align-items:stretch}.ar-queue,.ar-routes{display:grid;gap:8px}.ar-task,.ar-route{--arc:var(--detail-tint);position:relative;padding:10px;border:1px solid color-mix(in srgb,var(--arc) 18%,var(--edge));border-radius:12px;background:radial-gradient(100% 100% at 0 0,color-mix(in srgb,var(--arc) 5%,transparent),transparent 70%),var(--glass2)}.ar-task small,.ar-route small{font-family:var(--ff-m);font-size:.2rem;color:var(--arc)}.ar-task b,.ar-route b{display:block;margin-top:4px;font-size:.42rem;line-height:1.35}.ar-task span,.ar-route span{display:block;margin-top:4px;font-size:.29rem;line-height:1.4;color:var(--fg3)}.ar-task-meta,.ar-route-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}.ar-task-meta em,.ar-route-meta em{padding:3px 5px;border:1px solid var(--edge2);border-radius:999px;font-family:var(--ff-m);font-size:.18rem;font-style:normal;color:var(--fg3)}.ar-task.t2{--arc:var(--coral)}.ar-task.t3{--arc:var(--aqua)}.ar-route.device{--arc:var(--peri)}.ar-route.private{--arc:var(--aqua)}.ar-route.cloud{--arc:var(--violet)}.ar-route>em{position:absolute;right:9px;top:9px;padding:3px 5px;border:1px solid color-mix(in srgb,var(--arc) 20%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.18rem;font-style:normal;color:var(--arc)}
.ar-router{position:relative;min-height:330px;display:grid;place-items:center;padding:12px}.ar-router:before{content:"";position:absolute;inset:20px 10px;border-left:1px solid color-mix(in srgb,var(--detail-tint) 18%,transparent);border-right:1px solid color-mix(in srgb,var(--aqua) 18%,transparent);border-radius:50%}.ar-router-core{position:relative;z-index:3;width:126px;height:126px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--detail-tint) 34%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--detail-tint) 10%,transparent),transparent 66%),var(--glass2);box-shadow:0 0 0 10px color-mix(in srgb,var(--detail-tint) 3%,transparent),0 0 45px -20px var(--detail-tint);animation:arRouter 4s ease-in-out infinite}.ar-router-core small{font-family:var(--ff-m);font-size:.2rem;color:var(--detail-tint)}.ar-router-core b{display:block;margin-top:4px;font-family:var(--ff-d);font-size:.56rem;line-height:1.15}.ar-router-core span{display:block;margin-top:4px;font-size:.23rem;line-height:1.3;color:var(--fg3)}@keyframes arRouter{50%{transform:scale(1.03)}}.ar-factors{position:absolute;left:5px;right:5px;bottom:12px;display:grid;grid-template-columns:1fr 1fr;gap:5px}.ar-factors span{padding:6px 5px;border:1px solid var(--edge2);border-radius:8px;background:var(--glass2);text-align:center;font-family:var(--ff-m);font-size:.18rem;color:var(--fg3)}
.ar-rail{position:absolute;height:1px;z-index:1;opacity:.65}.ar-rail.l1,.ar-rail.l2,.ar-rail.l3{left:-8px;width:67px;background:linear-gradient(90deg,color-mix(in srgb,var(--detail-tint) 15%,transparent),var(--detail-tint));transform-origin:right center}.ar-rail.l1{top:68px;transform:rotate(8deg)}.ar-rail.l2{top:164px;transform:rotate(0)}.ar-rail.l3{top:260px;transform:rotate(-8deg)}.ar-rail.r1,.ar-rail.r2,.ar-rail.r3{right:-8px;width:67px;background:linear-gradient(90deg,var(--aqua),color-mix(in srgb,var(--aqua) 15%,transparent));transform-origin:left center}.ar-rail.r1{top:68px;transform:rotate(-8deg)}.ar-rail.r2{top:164px}.ar-rail.r3{top:260px;transform:rotate(8deg)}.ar-switch-packet{position:absolute;z-index:4;width:7px;height:7px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 12px var(--detail-tint)}.ar-switch-packet.p1{left:-4px;top:64px;animation:arPacketA 5s linear infinite}.ar-switch-packet.p2{left:-4px;top:160px;background:var(--coral);box-shadow:0 0 12px var(--coral);animation:arPacketB 5s linear infinite -1.7s}.ar-switch-packet.p3{left:-4px;top:256px;background:var(--aqua);box-shadow:0 0 12px var(--aqua);animation:arPacketC 5s linear infinite -3.4s}@keyframes arPacketA{0%{transform:translate(0,0);opacity:0}10%{opacity:1}44%{transform:translate(64px,18px)}64%{transform:translate(124px,0)}100%{transform:translate(176px,-18px);opacity:0}}@keyframes arPacketB{0%{transform:translate(0,0);opacity:0}10%{opacity:1}44%{transform:translate(64px,0)}64%{transform:translate(124px,0)}100%{transform:translate(176px,0);opacity:0}}@keyframes arPacketC{0%{transform:translate(0,0);opacity:0}10%{opacity:1}44%{transform:translate(64px,-18px)}64%{transform:translate(124px,0)}100%{transform:translate(176px,18px);opacity:0}}
.ar-decision{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.ar-decision>div{padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2)}.ar-decision small{font-family:var(--ff-m);font-size:.2rem;color:var(--aqua)}.ar-decision b{display:block;margin-top:4px;font-size:.38rem}.ar-decision span{display:block;margin-top:3px;font-size:.28rem;line-height:1.4;color:var(--fg3)}

[data-theme="light"] .datafusion-visual-story,[data-theme="light"] .autoroute-visual-story{background:radial-gradient(72% 118% at 8% 0%,rgba(124,124,255,.055),transparent 68%),radial-gradient(72% 118% at 100% 100%,rgba(63,224,200,.04),transparent 70%),rgba(255,255,255,.78)}
@media(max-width:980px){.dfus-workbench{grid-template-columns:1fr 92px 1fr}.ar-board{grid-template-columns:1fr 145px 1fr}.ar-router{min-height:350px}.ar-rail.l1,.ar-rail.l2,.ar-rail.l3,.ar-rail.r1,.ar-rail.r2,.ar-rail.r3{width:52px}.ar-switch-packet{display:none}}
@media(max-width:700px){.datafusion-visual-story,.autoroute-visual-story{padding:15px}.datafusion-visual-head,.autoroute-visual-head{display:block}.datafusion-visual-head>span,.autoroute-visual-head>span{display:block;text-align:left;margin-top:6px}.datafusion-visual-bottom,.autoroute-visual-bottom{grid-template-columns:1fr}.dfus-workbench{grid-template-columns:1fr}.dfus-core{min-height:178px;order:2}.dfus-panel:first-child{order:1}.dfus-panel:last-child{order:3}.dfus-core:before,.dfus-core:after,.dfus-packet{display:none}.dfus-core-tags{position:relative;left:auto;right:auto;bottom:auto;margin-top:10px;width:100%}.dfus-claims{grid-template-columns:1fr}.ar-banner{display:grid;grid-template-columns:auto 1fr}.ar-banner span{grid-column:1/-1;margin-left:15px}.ar-board{grid-template-columns:1fr}.ar-queue{order:1}.ar-router{order:2;min-height:220px}.ar-routes{order:3}.ar-router:before,.ar-rail,.ar-switch-packet{display:none}.ar-factors{position:relative;left:auto;right:auto;bottom:auto;width:100%;margin-top:12px}.ar-decision{grid-template-columns:1fr}}
@media(max-width:430px){.dfus-tr{grid-template-columns:1fr .72fr}.dfus-tr>*:nth-child(3){display:none}.dfus-question{padding-left:42px}.ar-factors{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .datafusion-visual-story *,html:not(.motion-full) .autoroute-visual-story *{animation:none!important}}
html.motion-paused .datafusion-visual-story *,html.motion-paused .autoroute-visual-story *{animation-play-state:paused!important}


/* =====================================================================
   USE CASES V6Q · RUN AI PRIVATELY / TRACE WHAT HAPPENED
   ===================================================================== */
.privateai-visual-story,.audit-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(72% 116% at 0% 4%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 70%),radial-gradient(68% 118% at 100% 100%,rgba(63,224,200,.035),transparent 72%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--detail-tint) 55%,transparent)}
.privateai-visual-story:before,.audit-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 30%);opacity:.48}
.privateai-visual-head,.audit-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:16px}.privateai-visual-head small,.audit-visual-head small{display:block;font-family:var(--ff-m);font-size:.38rem;letter-spacing:.12em;color:var(--detail-tint)}.privateai-visual-head h4,.audit-visual-head h4{margin:5px 0 0;font-family:var(--ff-d);font-size:clamp(1rem,1.9vw,1.35rem);letter-spacing:-.035em}.privateai-visual-head>span,.audit-visual-head>span{max-width:330px;text-align:right;font-size:.57rem;line-height:1.5;color:var(--fg3)}
.privateai-visual-bottom,.audit-visual-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.privateai-visual-bottom span,.audit-visual-bottom span{display:flex;align-items:center;gap:7px;padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.4rem;color:var(--fg3)}.privateai-visual-bottom i,.audit-visual-bottom i{font-style:normal;color:var(--aqua)}

/* 31 · RUN AI PRIVATELY - governed execution topology */
.pa-stage{position:relative;z-index:2;display:grid;grid-template-columns:245px 1fr;gap:12px;min-height:438px}.pa-request{display:flex;flex-direction:column;gap:10px}.pa-task,.pa-rule,.pa-outcome{padding:12px;border:1px solid var(--edge2);border-radius:14px;background:var(--glass2)}.pa-task{border-color:color-mix(in srgb,var(--coral) 18%,var(--edge2));background:radial-gradient(120% 100% at 0 0,color-mix(in srgb,var(--coral) 5%,transparent),transparent 68%),var(--glass2)}.pa-task small,.pa-rule small,.pa-outcome small{display:block;font-family:var(--ff-m);font-size:.25rem;letter-spacing:.06em;color:var(--fg3)}.pa-task b,.pa-rule b,.pa-outcome b{display:block;margin-top:5px;font-size:.57rem;line-height:1.38}.pa-task span,.pa-rule span,.pa-outcome span{display:block;margin-top:5px;font-size:.38rem;line-height:1.5;color:var(--fg3)}.pa-rule{border-color:color-mix(in srgb,var(--aqua) 20%,var(--edge2));background:color-mix(in srgb,var(--aqua) 4%,var(--glass2))}.pa-rule small{color:var(--aqua)}.pa-rule-list{display:grid;gap:6px;margin-top:9px}.pa-rule-list em{display:flex;align-items:center;gap:6px;padding:6px 7px;border:1px solid var(--edge2);border-radius:8px;font-family:var(--ff-m);font-size:.27rem;font-style:normal;color:var(--fg3)}.pa-rule-list em:before{content:"✓";color:var(--aqua)}.pa-rule-list em.block:before{content:"×";color:var(--coral)}.pa-rule-list em.block{color:var(--coral)}.pa-outcome{margin-top:auto}.pa-outcome small{color:var(--detail-tint)}
.pa-topology{position:relative;min-width:0;border:1px solid var(--edge2);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 2%,var(--glass2)),var(--glass2));overflow:hidden}.pa-topbar{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.29rem;color:var(--fg3)}.pa-topbar i{width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua)}.pa-topbar b{color:var(--fg2)}.pa-topbar span{margin-left:auto;color:var(--aqua)}
.pa-boundary{position:absolute;left:18px;right:145px;top:58px;bottom:18px;border:1px dashed color-mix(in srgb,var(--aqua) 34%,var(--edge));border-radius:20px;background:radial-gradient(75% 95% at 50% 48%,color-mix(in srgb,var(--aqua) 5%,transparent),transparent 70%)}.pa-boundary-label{position:absolute;left:16px;top:12px;padding:4px 7px;border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge));border-radius:999px;background:var(--glass2);font-family:var(--ff-m);font-size:.22rem;color:var(--aqua)}
.pa-zone{position:absolute;width:150px;min-height:94px;padding:11px;border:1px solid var(--edge2);border-radius:14px;background:var(--glass2);box-shadow:0 16px 40px -34px #000;z-index:2}.pa-zone small{font-family:var(--ff-m);font-size:.21rem;color:var(--fg3)}.pa-zone b{display:block;margin-top:5px;font-size:.5rem}.pa-zone span{display:block;margin-top:4px;font-size:.31rem;line-height:1.42;color:var(--fg3)}.pa-zone em{display:inline-flex;margin-top:7px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.2rem;font-style:normal;color:var(--aqua)}.pa-zone.device{left:30px;top:68px}.pa-zone.private{right:180px;top:68px;border-color:color-mix(in srgb,var(--aqua) 35%,var(--edge));background:linear-gradient(145deg,color-mix(in srgb,var(--aqua) 7%,var(--glass2)),var(--glass2));box-shadow:0 0 42px -26px var(--aqua)}.pa-zone.org{left:50%;bottom:34px;transform:translateX(-50%)}
.pa-core{position:absolute;left:50%;top:50%;transform:translate(-50%,-43%);width:116px;height:116px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid color-mix(in srgb,var(--aqua) 35%,var(--edge));background:radial-gradient(circle,color-mix(in srgb,var(--aqua) 11%,transparent),transparent 68%),var(--glass2);box-shadow:0 0 0 10px color-mix(in srgb,var(--aqua) 3%,transparent),0 0 48px -22px var(--aqua);z-index:3;animation:paCore 4s ease-in-out infinite}.pa-core small{font-family:var(--ff-m);font-size:.2rem;color:var(--aqua)}.pa-core b{display:block;margin-top:4px;font-family:var(--ff-d);font-size:.62rem}.pa-core span{display:block;margin-top:4px;font-size:.25rem;color:var(--fg3)}@keyframes paCore{50%{transform:translate(-50%,-43%) scale(1.035)}}
.pa-cloud{position:absolute;right:12px;top:126px;width:112px;padding:11px;border:1px solid color-mix(in srgb,var(--coral) 24%,var(--edge));border-radius:14px;background:color-mix(in srgb,var(--coral) 3%,var(--glass2));text-align:center}.pa-cloud small{font-family:var(--ff-m);font-size:.2rem;color:var(--fg3)}.pa-cloud b{display:block;margin-top:5px;font-size:.46rem}.pa-cloud span{display:block;margin-top:4px;font-size:.28rem;line-height:1.4;color:var(--fg3)}.pa-cloud em{display:inline-flex;margin-top:7px;padding:3px 6px;border:1px solid color-mix(in srgb,var(--coral) 28%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.19rem;font-style:normal;color:var(--coral)}.pa-cloud:after{content:"×";position:absolute;right:-7px;top:-7px;width:23px;height:23px;border-radius:50%;display:grid;place-items:center;background:color-mix(in srgb,var(--coral) 14%,#16100d);border:1px solid color-mix(in srgb,var(--coral) 40%,var(--edge));font-family:var(--ff-m);font-size:.45rem;color:var(--coral)}
.pa-link{position:absolute;height:1px;z-index:1;background:linear-gradient(90deg,color-mix(in srgb,var(--aqua) 12%,transparent),color-mix(in srgb,var(--aqua) 70%,transparent),color-mix(in srgb,var(--aqua) 12%,transparent));transform-origin:left center}.pa-link.l1{left:175px;top:132px;width:118px;transform:rotate(17deg)}.pa-link.l2{left:50%;top:137px;width:124px;transform:rotate(-17deg)}.pa-link.l3{left:50%;top:244px;width:95px;transform:rotate(90deg)}.pa-link.blocked{right:116px;left:auto;top:173px;width:92px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--coral) 55%,transparent) 0 7px,transparent 7px 13px);opacity:.7}
.pa-packet{position:absolute;z-index:5;width:8px;height:8px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px color-mix(in srgb,var(--aqua) 7%,transparent),0 0 12px var(--aqua);left:47%;top:47%;animation:paPacket 5.2s ease-in-out infinite}@keyframes paPacket{0%,8%{opacity:0;transform:translate(-85px,-48px)}18%,65%{opacity:1}42%{transform:translate(44px,-55px)}68%{transform:translate(12px,52px)}86%,100%{opacity:0;transform:translate(12px,52px)}}
.pa-status{position:absolute;left:26px;right:158px;bottom:24px;display:flex;justify-content:center;pointer-events:none}.pa-status span{padding:6px 9px;border:1px solid color-mix(in srgb,var(--aqua) 20%,var(--edge));border-radius:999px;background:var(--glass2);font-family:var(--ff-m);font-size:.22rem;color:var(--aqua)}

/* 32 · TRACE WHAT HAPPENED - forensic reconstruction */
.ah-stage{position:relative;z-index:2;display:grid;grid-template-columns:250px 1fr;gap:12px}.ah-search{display:flex;flex-direction:column;gap:10px}.ah-query,.ah-filters,.ah-case{padding:12px;border:1px solid var(--edge2);border-radius:14px;background:var(--glass2)}.ah-query small,.ah-filters small,.ah-case small{display:block;font-family:var(--ff-m);font-size:.24rem;letter-spacing:.06em;color:var(--fg3)}.ah-query b,.ah-case b{display:block;margin-top:5px;font-size:.55rem;line-height:1.4}.ah-query span,.ah-case span{display:block;margin-top:5px;font-size:.36rem;line-height:1.48;color:var(--fg3)}.ah-query{border-color:color-mix(in srgb,var(--detail-tint) 20%,var(--edge2));background:color-mix(in srgb,var(--detail-tint) 4%,var(--glass2))}.ah-query small{color:var(--detail-tint)}.ah-filter-list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.ah-filter-list em{padding:5px 7px;border:1px solid var(--edge2);border-radius:999px;font-family:var(--ff-m);font-size:.23rem;font-style:normal;color:var(--fg3)}.ah-case{margin-top:auto;border-color:color-mix(in srgb,var(--aqua) 18%,var(--edge2))}.ah-case small{color:var(--aqua)}
.ah-workbench{min-width:0;border:1px solid var(--edge2);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--detail-tint) 2%,var(--glass2)),var(--glass2));overflow:hidden}.ah-topbar{height:40px;display:flex;align-items:center;gap:8px;padding:0 12px;border-bottom:1px solid var(--edge2);font-family:var(--ff-m);font-size:.28rem;color:var(--fg3)}.ah-topbar i{width:7px;height:7px;border-radius:50%;background:var(--detail-tint);box-shadow:0 0 10px var(--detail-tint)}.ah-topbar b{color:var(--fg2)}.ah-topbar span{margin-left:auto;color:var(--aqua)}
.ah-body{display:grid;grid-template-columns:1.2fr .9fr;min-height:388px}.ah-timeline{position:relative;padding:16px 14px 16px 46px;border-right:1px solid var(--edge2)}.ah-timeline:before{content:"";position:absolute;left:27px;top:22px;bottom:22px;width:1px;background:linear-gradient(var(--detail-tint),color-mix(in srgb,var(--aqua) 45%,var(--edge)),transparent)}.ah-event{--evt:var(--detail-tint);position:relative;display:grid;grid-template-columns:54px 1fr auto;gap:8px;align-items:center;margin-bottom:9px;padding:9px 9px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);animation:ahFocus 9s var(--e) infinite}.ah-event:nth-child(2){animation-delay:-7.5s}.ah-event:nth-child(3){animation-delay:-6s}.ah-event:nth-child(4){animation-delay:-4.5s}.ah-event:nth-child(5){animation-delay:-3s}.ah-event:nth-child(6){animation-delay:-1.5s}.ah-event:before{content:"";position:absolute;left:-25px;top:50%;width:9px;height:9px;border-radius:50%;transform:translateY(-50%);background:var(--evt);box-shadow:0 0 0 4px color-mix(in srgb,var(--evt) 8%,transparent),0 0 10px color-mix(in srgb,var(--evt) 70%,transparent)}.ah-event.evt-user{--evt:var(--peri)}.ah-event.evt-workflow{--evt:var(--aqua)}.ah-event.evt-approval{--evt:var(--coral)}.ah-event.evt-agent{--evt:var(--violet)}.ah-event.evt-message{--evt:var(--aqua)}.ah-event.evt-system{--evt:var(--detail-tint)}.ah-event time{font-family:var(--ff-m);font-size:.22rem;color:var(--fg3)}.ah-event small{display:block;font-family:var(--ff-m);font-size:.2rem;color:var(--evt)}.ah-event b{display:block;margin-top:2px;font-size:.39rem}.ah-event>span{padding:3px 5px;border:1px solid color-mix(in srgb,var(--evt) 18%,var(--edge));border-radius:999px;font-family:var(--ff-m);font-size:.18rem;color:var(--evt)}@keyframes ahFocus{0%,75%,100%{transform:translateX(0);border-color:var(--edge2)}82%,92%{transform:translateX(3px);border-color:color-mix(in srgb,var(--evt) 30%,var(--edge2))}}
.ah-inspector{padding:14px;display:flex;flex-direction:column;gap:9px}.ah-inspector-head{padding:11px;border:1px solid color-mix(in srgb,var(--coral) 24%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--coral) 4%,var(--glass2))}.ah-inspector-head small{font-family:var(--ff-m);font-size:.21rem;color:var(--coral)}.ah-inspector-head b{display:block;margin-top:4px;font-size:.5rem}.ah-inspector-head span{display:block;margin-top:4px;font-size:.31rem;line-height:1.4;color:var(--fg3)}.ah-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px}.ah-detail{padding:8px;border:1px solid var(--edge2);border-radius:9px;background:var(--glass2)}.ah-detail small{font-family:var(--ff-m);font-size:.19rem;color:var(--fg3)}.ah-detail b{display:block;margin-top:3px;font-size:.34rem;line-height:1.35}.ah-evidence{padding:10px;border:1px solid color-mix(in srgb,var(--aqua) 18%,var(--edge2));border-radius:11px;background:color-mix(in srgb,var(--aqua) 3%,var(--glass2))}.ah-evidence>small{font-family:var(--ff-m);font-size:.2rem;color:var(--aqua)}.ah-evidence-list{display:grid;gap:5px;margin-top:7px}.ah-evidence-list span{display:flex;justify-content:space-between;gap:8px;padding:6px 7px;border:1px solid var(--edge2);border-radius:8px;font-size:.29rem;color:var(--fg3)}.ah-evidence-list b{font-size:.3rem;color:var(--fg2)}.ah-chain{margin-top:auto;padding:9px 10px;border:1px solid var(--edge2);border-radius:10px;background:var(--glass2);font-size:.32rem;line-height:1.48;color:var(--fg3)}.ah-chain b{color:var(--fg2)}
[data-theme="light"] .privateai-visual-story,[data-theme="light"] .audit-visual-story{background:radial-gradient(72% 116% at 0 4%,rgba(63,224,200,.05),transparent 70%),radial-gradient(68% 118% at 100% 100%,rgba(124,124,255,.045),transparent 72%),rgba(255,255,255,.78)}
@media(max-width:980px){.pa-stage,.ah-stage{grid-template-columns:220px 1fr}.pa-boundary{right:126px}.pa-cloud{width:98px}.pa-zone{width:135px}.ah-body{grid-template-columns:1.1fr .9fr}.ah-event{grid-template-columns:48px 1fr auto}}
@media(max-width:760px){.privateai-visual-story,.audit-visual-story{padding:15px}.privateai-visual-head,.audit-visual-head{display:block}.privateai-visual-head>span,.audit-visual-head>span{display:block;text-align:left;margin-top:6px}.privateai-visual-bottom,.audit-visual-bottom{grid-template-columns:1fr}.pa-stage,.ah-stage{grid-template-columns:1fr}.pa-request{display:grid;grid-template-columns:1fr 1fr;gap:8px}.pa-outcome{grid-column:1/-1;margin-top:0}.pa-topology{min-height:520px}.pa-boundary{left:14px;right:14px;top:54px;bottom:120px}.pa-cloud{left:50%;right:auto;top:auto;bottom:20px;width:160px;transform:translateX(-50%)}.pa-zone.device{left:24px;top:70px}.pa-zone.private{right:24px;top:70px}.pa-zone.org{bottom:32px}.pa-status{left:14px;right:14px;bottom:102px}.pa-link.blocked{display:none}.ah-body{grid-template-columns:1fr}.ah-timeline{border-right:0;border-bottom:1px solid var(--edge2)}.ah-inspector{min-height:330px}}
@media(max-width:520px){.pa-request{grid-template-columns:1fr}.pa-outcome{grid-column:auto}.pa-topology{min-height:590px}.pa-boundary{bottom:140px}.pa-zone{width:calc(50% - 32px);min-height:112px}.pa-zone.device{left:18px}.pa-zone.private{right:18px}.pa-zone.org{width:170px;bottom:24px}.pa-core{top:53%;width:104px;height:104px}.pa-cloud{bottom:18px}.pa-status{bottom:122px}.pa-link{display:none}.ah-event{grid-template-columns:44px 1fr}.ah-event>span{grid-column:2;justify-self:start}.ah-detail-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .privateai-visual-story *,html:not(.motion-full) .audit-visual-story *{animation:none!important}}
html.motion-paused .privateai-visual-story *,html.motion-paused .audit-visual-story *{animation-play-state:paused!important}



/* ==========================================================
   USE CASES V6R · CONTROLLED AGENTS / HYBRID DEPLOYMENT
   ========================================================== */
.controlledagent-visual-story,.hybriddeploy-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(72% 116% at 0% 4%,color-mix(in srgb,var(--detail-tint) 7%,transparent),transparent 70%),radial-gradient(68% 118% at 100% 100%,rgba(63,224,200,.035),transparent 72%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--detail-tint) 55%,transparent)}
.controlledagent-visual-story:before,.hybriddeploy-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.04),transparent 30%);opacity:.48}
.controlledagent-visual-head,.hybriddeploy-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:16px}
.controlledagent-visual-head small,.hybriddeploy-visual-head small{display:block;font:700 .58rem/1 var(--ff-m);letter-spacing:.15em;color:var(--detail-tint);margin-bottom:7px}
.controlledagent-visual-head h4,.hybriddeploy-visual-head h4{margin:0;max-width:770px;font:700 clamp(1.08rem,2vw,1.42rem)/1.12 var(--ff-d);letter-spacing:-.035em;color:var(--fg)}
.controlledagent-visual-head>span,.hybriddeploy-visual-head>span{max-width:360px;text-align:right;font-size:.72rem;line-height:1.45;color:var(--fg-3)}
.controlledagent-visual-bottom,.hybriddeploy-visual-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
.controlledagent-visual-bottom span,.hybriddeploy-visual-bottom span{display:flex;align-items:center;gap:7px;min-height:42px;padding:9px 11px;border:1px solid var(--edge2);border-radius:12px;background:rgba(255,255,255,.018);font-size:.65rem;line-height:1.3;color:var(--fg-2)}
.controlledagent-visual-bottom i,.hybriddeploy-visual-bottom i{font-style:normal;color:var(--aqua)}

/* 33 · CONTROL WHAT AGENTS MAY DO - authority envelope */
.ca-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(210px,.76fr) minmax(430px,1.5fr);gap:12px;align-items:stretch}
.ca-profile,.ca-envelope{border:1px solid var(--edge2);border-radius:18px;background:rgba(3,12,10,.36);overflow:hidden}
.ca-profile{display:flex;flex-direction:column;padding:14px}
.ca-profile-top{padding:3px 2px 13px;border-bottom:1px solid var(--edge2)}
.ca-profile-top small,.ca-policy small,.ca-exec small{display:block;font:700 .48rem/1 var(--ff-m);letter-spacing:.13em;color:var(--fg-3);margin-bottom:6px}
.ca-profile-top b{display:block;font:700 1.05rem/1.15 var(--ff-d);color:var(--fg)}
.ca-profile-top span{display:block;margin-top:6px;font-size:.65rem;line-height:1.45;color:var(--fg-3)}
.ca-policy{padding:12px 2px 4px}
.ca-policy-list{display:grid;gap:7px}
.ca-policy-row{display:grid;grid-template-columns:22px 1fr auto;gap:8px;align-items:center;padding:8px;border:1px solid var(--edge2);border-radius:11px;background:rgba(255,255,255,.018)}
.ca-policy-row>i{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font:700 .52rem/1 var(--ff-m);font-style:normal;background:rgba(63,224,200,.06);color:var(--aqua)}
.ca-policy-row b{font-size:.63rem;color:var(--fg)}
.ca-policy-row span{font:700 .43rem/1 var(--ff-m);letter-spacing:.08em;color:var(--fg-3)}
.ca-profile-note{margin-top:auto;padding:10px;border:1px dashed color-mix(in srgb,var(--aqua) 18%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--aqua) 3%,transparent);font-size:.6rem;line-height:1.45;color:var(--fg-3)}
.ca-profile-note b{color:var(--fg-2)}

.ca-envelope{position:relative;min-height:520px;padding:14px;background:radial-gradient(circle at 50% 48%,rgba(63,224,200,.055),transparent 36%),rgba(3,12,10,.34)}
.ca-envelope-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:10px;border-bottom:1px solid var(--edge2)}
.ca-envelope-head b{font:700 .55rem/1 var(--ff-m);letter-spacing:.12em;color:var(--fg-2)}
.ca-envelope-head span{font:700 .45rem/1 var(--ff-m);letter-spacing:.09em;color:var(--aqua)}
.ca-rings{position:absolute;left:50%;top:48%;width:390px;height:390px;transform:translate(-50%,-50%)}
.ca-ring{position:absolute;border-radius:50%;border:1px solid}
.ca-ring.allowed{inset:86px;border-color:color-mix(in srgb,var(--aqua) 34%,transparent);background:rgba(63,224,200,.025);box-shadow:0 0 45px -27px var(--aqua)}
.ca-ring.approval{inset:42px;border-color:color-mix(in srgb,var(--coral) 26%,transparent);border-style:dashed}
.ca-ring.blocked{inset:0;border-color:rgba(255,118,118,.16);border-style:dotted}
.ca-core-agent{position:absolute;left:50%;top:50%;width:112px;height:112px;transform:translate(-50%,-50%);display:grid;place-items:center;border-radius:50%;border:1px solid color-mix(in srgb,var(--aqua) 35%,var(--edge));background:radial-gradient(circle at 35% 25%,rgba(255,255,255,.08),transparent 26%),linear-gradient(145deg,rgba(63,224,200,.11),rgba(124,124,255,.055)),var(--bg2);box-shadow:0 0 0 9px rgba(63,224,200,.025),0 18px 42px -25px var(--aqua);z-index:5;text-align:center}
.ca-core-agent small{display:block;font:700 .42rem/1 var(--ff-m);letter-spacing:.1em;color:var(--aqua);margin-bottom:4px}.ca-core-agent b{display:block;font:800 .82rem/1.04 var(--ff-d);color:var(--fg)}.ca-core-agent span{display:block;margin-top:4px;font-size:.48rem;color:var(--fg-3)}
.ca-zone-label{position:absolute;left:50%;transform:translateX(-50%);font:700 .42rem/1 var(--ff-m);letter-spacing:.1em;padding:4px 7px;border-radius:999px;white-space:nowrap;background:var(--bg2);z-index:4}
.ca-zone-label.allowed{top:81px;color:var(--aqua);border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge))}
.ca-zone-label.approval{top:34px;color:var(--coral);border:1px solid color-mix(in srgb,var(--coral) 22%,var(--edge))}
.ca-zone-label.blocked{top:-7px;color:#ff9696;border:1px solid rgba(255,118,118,.2)}
.ca-action{position:absolute;z-index:6;width:148px;padding:9px 10px;border-radius:12px;background:color-mix(in srgb,var(--bg2) 92%,transparent);box-shadow:0 14px 30px -24px #000}
.ca-action small{display:block;font:700 .42rem/1 var(--ff-m);letter-spacing:.08em;margin-bottom:5px}.ca-action b{display:block;font-size:.6rem;line-height:1.25;color:var(--fg)}.ca-action span{display:block;margin-top:4px;font-size:.5rem;line-height:1.35;color:var(--fg-3)}
.ca-action.allow{border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge))}.ca-action.allow small{color:var(--aqua)}
.ca-action.review{border:1px solid color-mix(in srgb,var(--coral) 26%,var(--edge))}.ca-action.review small{color:var(--coral)}
.ca-action.deny{border:1px solid rgba(255,118,118,.21);opacity:.9}.ca-action.deny small{color:#ff9696}
.ca-action.a1{left:18px;top:145px}.ca-action.a2{right:18px;top:145px}.ca-action.a3{left:20px;bottom:54px}.ca-action.a4{right:20px;bottom:54px}
.ca-orbit{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(63,224,200,.07),0 0 14px var(--aqua);left:50%;top:50%;margin:-3px;animation:caOrbit 5.6s linear infinite;z-index:7}
@keyframes caOrbit{from{transform:rotate(0deg) translateX(109px) rotate(0deg)}to{transform:rotate(360deg) translateX(109px) rotate(-360deg)}}
.ca-exec{position:absolute;left:50%;bottom:10px;transform:translateX(-50%);width:260px;padding:8px 10px;border:1px solid var(--edge2);border-radius:11px;background:rgba(0,0,0,.12);text-align:center;z-index:8}
.ca-exec small{margin:0 0 4px}.ca-exec b{display:block;font-size:.57rem;color:var(--fg-2)}.ca-exec span{display:block;margin-top:3px;font-size:.49rem;color:var(--fg-3)}

/* 34 · DEPLOY YOUR WAY - one operating model, different infrastructure */
.hd-stage{position:relative;z-index:2;border:1px solid var(--edge2);border-radius:18px;background:rgba(3,12,10,.34);overflow:hidden}
.hd-controlplane{position:relative;display:grid;grid-template-columns:1.1fr .8fr;gap:12px;align-items:center;padding:14px 16px;border-bottom:1px solid var(--edge2);background:linear-gradient(90deg,rgba(63,224,200,.055),rgba(124,124,255,.025))}
.hd-controlplane small{display:block;font:700 .46rem/1 var(--ff-m);letter-spacing:.12em;color:var(--aqua);margin-bottom:5px}.hd-controlplane b{display:block;font:700 .9rem/1.15 var(--ff-d);color:var(--fg)}.hd-controlplane span{display:block;margin-top:4px;font-size:.6rem;color:var(--fg-3)}
.hd-shared{display:flex;justify-content:flex-end;gap:6px;flex-wrap:wrap}.hd-shared em{font-style:normal;font:700 .42rem/1 var(--ff-m);letter-spacing:.08em;padding:6px 8px;border:1px solid var(--edge2);border-radius:999px;color:var(--fg-2);background:rgba(255,255,255,.02)}
.hd-landscape{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 14px 14px;min-height:405px}
.hd-zone{position:relative;display:flex;flex-direction:column;min-width:0;padding:13px;border:1px solid var(--edge2);border-radius:16px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.009));overflow:hidden}
.hd-zone:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:var(--zone-accent);opacity:.82}.hd-zone.saas{--zone-accent:var(--peri)}.hd-zone.private{--zone-accent:var(--aqua)}.hd-zone.devices{--zone-accent:var(--coral)}
.hd-zone-head{display:flex;justify-content:space-between;gap:8px;align-items:flex-start;padding-bottom:10px;border-bottom:1px solid var(--edge2)}
.hd-zone-head small{display:block;font:700 .43rem/1 var(--ff-m);letter-spacing:.1em;color:var(--fg-3);margin-bottom:5px}.hd-zone-head b{display:block;font-size:.72rem;color:var(--fg)}.hd-zone-head em{font-style:normal;font:700 .4rem/1 var(--ff-m);letter-spacing:.07em;padding:5px 6px;border:1px solid color-mix(in srgb,var(--zone-accent) 24%,var(--edge));border-radius:999px;color:var(--zone-accent);white-space:nowrap}
.hd-workload{margin-top:11px;padding:10px;border:1px solid color-mix(in srgb,var(--zone-accent) 18%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--zone-accent) 3%,transparent)}
.hd-workload small{display:block;font:700 .42rem/1 var(--ff-m);letter-spacing:.09em;color:var(--zone-accent);margin-bottom:5px}.hd-workload b{display:block;font-size:.63rem;line-height:1.28;color:var(--fg)}.hd-workload span{display:block;margin-top:4px;font-size:.53rem;line-height:1.4;color:var(--fg-3)}
.hd-infra{margin-top:auto;padding-top:12px}.hd-infra small{display:block;font:700 .4rem/1 var(--ff-m);letter-spacing:.09em;color:var(--fg-3);margin-bottom:7px}.hd-infra-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:5px}.hd-infra-grid span{display:flex;align-items:center;min-height:31px;padding:6px;border:1px solid var(--edge2);border-radius:8px;font-size:.48rem;line-height:1.25;color:var(--fg-2);background:rgba(255,255,255,.015)}
.hd-backbone{position:absolute;left:12%;right:12%;top:7px;height:1px;background:linear-gradient(90deg,var(--peri),var(--aqua),var(--coral));opacity:.35}.hd-backbone:after{content:"";position:absolute;left:0;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);animation:hdPacket 5s ease-in-out infinite}
@keyframes hdPacket{0%{left:0;opacity:.2}15%{opacity:1}50%{left:50%;opacity:1}85%{opacity:1}100%{left:100%;opacity:.2}}
.hd-consistency{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding:0 14px 14px}.hd-consistency span{padding:8px 9px;border:1px dashed color-mix(in srgb,var(--aqua) 16%,var(--edge));border-radius:10px;text-align:center;font-size:.52rem;line-height:1.3;color:var(--fg-3)}.hd-consistency b{color:var(--fg-2)}

[data-theme="light"] .controlledagent-visual-story,[data-theme="light"] .hybriddeploy-visual-story{background:radial-gradient(72% 116% at 0 4%,rgba(63,224,200,.05),transparent 70%),radial-gradient(68% 118% at 100% 100%,rgba(124,124,255,.045),transparent 72%),rgba(255,255,255,.78)}
[data-theme="light"] .ca-profile,[data-theme="light"] .ca-envelope,[data-theme="light"] .hd-stage{background:rgba(255,255,255,.58)}
[data-theme="light"] .ca-action{background:rgba(255,255,255,.91)}

@media(max-width:900px){.ca-stage{grid-template-columns:1fr}.ca-profile{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ca-profile-top{border-bottom:0;border-right:1px solid var(--edge2);padding-right:12px}.ca-policy{padding-top:3px}.ca-profile-note{grid-column:1/-1}.hd-landscape{grid-template-columns:1fr 1fr}.hd-zone.devices{grid-column:1/-1}.hd-zone.devices .hd-infra-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:700px){.controlledagent-visual-story,.hybriddeploy-visual-story{padding:15px}.controlledagent-visual-head,.hybriddeploy-visual-head{display:block}.controlledagent-visual-head>span,.hybriddeploy-visual-head>span{display:block;text-align:left;margin-top:6px}.controlledagent-visual-bottom,.hybriddeploy-visual-bottom{grid-template-columns:1fr}.ca-profile{grid-template-columns:1fr}.ca-profile-top{border-right:0;border-bottom:1px solid var(--edge2);padding-right:2px}.ca-envelope{min-height:700px}.ca-rings{width:310px;height:310px;top:205px}.ca-ring.allowed{inset:70px}.ca-ring.approval{inset:35px}.ca-action{width:calc(50% - 18px)}.ca-action.a1{left:9px;top:382px}.ca-action.a2{right:9px;top:382px}.ca-action.a3{left:9px;top:480px;bottom:auto}.ca-action.a4{right:9px;top:480px;bottom:auto}.ca-zone-label.allowed{top:56px}.ca-zone-label.approval{top:16px}.ca-zone-label.blocked{top:-18px}.ca-exec{bottom:13px;width:calc(100% - 28px)}.hd-controlplane{grid-template-columns:1fr}.hd-shared{justify-content:flex-start}.hd-landscape{grid-template-columns:1fr;min-height:0}.hd-zone.devices{grid-column:auto}.hd-zone .hd-infra-grid,.hd-zone.devices .hd-infra-grid{grid-template-columns:repeat(2,1fr)}.hd-consistency{grid-template-columns:1fr}}
@media(max-width:430px){.ca-envelope{min-height:720px}.ca-rings{width:280px;height:280px;top:190px}.ca-ring.allowed{inset:63px}.ca-ring.approval{inset:31px}.ca-core-agent{width:96px;height:96px}.ca-action{width:calc(50% - 15px);padding:8px}.ca-action.a1{left:6px;top:350px}.ca-action.a2{right:6px;top:350px}.ca-action.a3{left:6px;top:455px;bottom:auto}.ca-action.a4{right:6px;top:455px;bottom:auto}.ca-action b{font-size:.54rem}.ca-action span{font-size:.46rem}.ca-zone-label.allowed{top:48px}.ca-zone-label.approval{top:10px}.ca-zone-label.blocked{top:-20px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .controlledagent-visual-story *,html:not(.motion-full) .hybriddeploy-visual-story *{animation:none!important}}
html.motion-paused .controlledagent-visual-story *,html.motion-paused .hybriddeploy-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6S · ENFORCE WORKSPACE POLICY / USE APPROVED DEVICE CAPACITY
   ===================================================================== */
.policyexec-visual-story,.devicefleet-visual-story{position:relative;margin-top:24px;padding:22px;border:1px solid var(--edge);border-radius:22px;background:radial-gradient(74% 120% at 0% 5%,color-mix(in srgb,var(--aqua) 7%,transparent),transparent 70%),radial-gradient(70% 116% at 100% 100%,color-mix(in srgb,var(--peri) 4%,transparent),transparent 72%),var(--glass2);overflow:hidden;box-shadow:0 24px 70px -50px color-mix(in srgb,var(--aqua) 50%,transparent)}
.policyexec-visual-story:before,.devicefleet-visual-story:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.045),transparent 30%);opacity:.42}
.policyexec-visual-head,.devicefleet-visual-head{position:relative;z-index:2;display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:20px}.policyexec-visual-head small,.devicefleet-visual-head small{font-family:var(--ff-m);font-size:.58rem;letter-spacing:.1em;color:var(--aqua)}.policyexec-visual-head h4,.devicefleet-visual-head h4{margin-top:7px;font-size:1.52rem;line-height:1.05;letter-spacing:-.045em}.policyexec-visual-head>span,.devicefleet-visual-head>span{max-width:355px;color:var(--fg3);font-size:.75rem;font-weight:700;text-align:right;line-height:1.4}
.policyexec-visual-bottom,.devicefleet-visual-bottom{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.policyexec-visual-bottom>span,.devicefleet-visual-bottom>span{display:flex;gap:8px;align-items:flex-start;padding:9px 10px;border:1px solid var(--edge2);border-radius:11px;background:var(--glass2);font-size:.52rem;line-height:1.35;color:var(--fg3)}.policyexec-visual-bottom i,.devicefleet-visual-bottom i{font-style:normal;color:var(--aqua)}

/* 35 · ENFORCE WORKSPACE POLICY - actions hit policy while they run */
.pe-stage{position:relative;z-index:2;border:1px solid var(--edge2);border-radius:18px;background:rgba(3,12,10,.34);overflow:hidden;min-height:500px}
.pe-stage-top{display:grid;grid-template-columns:1fr 150px 1fr;gap:10px;align-items:center;padding:13px 15px;border-bottom:1px solid var(--edge2);background:linear-gradient(90deg,rgba(63,224,200,.035),rgba(124,124,255,.02))}.pe-stage-top>div small{display:block;font:700 .43rem/1 var(--ff-m);letter-spacing:.1em;color:var(--fg3);margin-bottom:5px}.pe-stage-top>div b{display:block;font-size:.72rem;color:var(--fg)}.pe-stage-top>div:last-child{text-align:right}.pe-policy-title{text-align:center!important;padding:7px 8px;border:1px solid color-mix(in srgb,var(--aqua) 26%,var(--edge));border-radius:10px;background:rgba(63,224,200,.045)}.pe-policy-title small{color:var(--aqua)!important;margin:0 0 4px!important}.pe-policy-title b{font:800 .66rem/1.1 var(--ff-d)!important}
.pe-grid{position:relative;display:grid;grid-template-columns:minmax(205px,.9fr) minmax(230px,.82fr) minmax(245px,1fr);gap:12px;padding:15px;min-height:410px}.pe-grid:before,.pe-grid:after{content:"";position:absolute;top:36px;bottom:36px;width:1px;background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--aqua) 30%,transparent),transparent);pointer-events:none}.pe-grid:before{left:34%}.pe-grid:after{left:65.7%}
.pe-actions,.pe-gates,.pe-results{display:grid;gap:9px;align-content:start}.pe-col-label{display:flex;align-items:center;gap:7px;height:25px;font:700 .43rem/1 var(--ff-m);letter-spacing:.1em;color:var(--fg3)}.pe-col-label i{width:6px;height:6px;border-radius:50%;background:var(--aqua);box-shadow:0 0 10px var(--aqua)}
.pe-action{position:relative;display:grid;grid-template-columns:36px 1fr;gap:9px;align-items:center;min-height:74px;padding:10px;border:1px solid var(--edge2);border-radius:12px;background:rgba(255,255,255,.016)}.pe-action-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:rgba(124,124,255,.065);border:1px solid rgba(124,124,255,.13);font:800 .42rem/1 var(--ff-m);color:var(--peri)}.pe-action small{display:block;font:700 .39rem/1 var(--ff-m);letter-spacing:.08em;color:var(--fg3);margin-bottom:5px}.pe-action b{display:block;font-size:.58rem;line-height:1.27;color:var(--fg)}.pe-action span{display:block;margin-top:4px;font-size:.48rem;line-height:1.35;color:var(--fg3)}.pe-action:after{content:"";position:absolute;right:-15px;top:50%;width:15px;height:1px;background:color-mix(in srgb,var(--aqua) 22%,transparent)}
.pe-gate{position:relative;min-height:74px;padding:9px 10px;border:1px solid color-mix(in srgb,var(--aqua) 18%,var(--edge));border-radius:12px;background:linear-gradient(145deg,rgba(63,224,200,.035),rgba(255,255,255,.012));overflow:hidden}.pe-gate:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--gate)}.pe-gate.identity{--gate:var(--peri)}.pe-gate.communication{--gate:var(--coral)}.pe-gate.execution{--gate:var(--aqua)}.pe-gate small{display:block;font:700 .39rem/1 var(--ff-m);letter-spacing:.09em;color:var(--gate);margin-bottom:6px}.pe-gate b{display:block;font-size:.56rem;color:var(--fg);line-height:1.27}.pe-gate span{display:block;margin-top:4px;font-size:.47rem;line-height:1.35;color:var(--fg3)}.pe-gate em{position:absolute;right:8px;top:8px;font-style:normal;font:700 .36rem/1 var(--ff-m);letter-spacing:.06em;color:var(--gate);opacity:.8}.pe-gate:after{content:"";position:absolute;right:-16px;top:50%;width:16px;height:1px;background:color-mix(in srgb,var(--aqua) 22%,transparent)}
.pe-result{position:relative;min-height:74px;padding:10px 10px 10px 42px;border:1px solid var(--edge2);border-radius:12px;background:rgba(255,255,255,.014)}.pe-result:before{position:absolute;left:10px;top:14px;width:22px;height:22px;border-radius:7px;display:grid;place-items:center;font:800 .5rem/1 var(--ff-m)}.pe-result.allow{border-color:rgba(63,224,200,.18)}.pe-result.allow:before{content:"✓";color:var(--aqua);background:rgba(63,224,200,.07)}.pe-result.hold{border-color:rgba(255,158,122,.2)}.pe-result.hold:before{content:"Ⅱ";color:var(--coral);background:rgba(255,158,122,.07)}.pe-result.block{border-color:rgba(255,118,118,.2)}.pe-result.block:before{content:"×";color:#ff9696;background:rgba(255,118,118,.07)}.pe-result small{display:block;font:700 .39rem/1 var(--ff-m);letter-spacing:.09em;margin-bottom:5px}.pe-result.allow small{color:var(--aqua)}.pe-result.hold small{color:var(--coral)}.pe-result.block small{color:#ff9696}.pe-result b{display:block;font-size:.57rem;line-height:1.26;color:var(--fg)}.pe-result span{display:block;margin-top:4px;font-size:.47rem;line-height:1.35;color:var(--fg3)}
.pe-audit{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;gap:10px;align-items:center;margin-top:3px;padding:10px 12px;border:1px solid color-mix(in srgb,var(--aqua) 17%,var(--edge));border-radius:12px;background:linear-gradient(90deg,rgba(63,224,200,.035),rgba(255,255,255,.01))}.pe-audit>i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:rgba(63,224,200,.07);font-style:normal;color:var(--aqua)}.pe-audit small{display:block;font:700 .38rem/1 var(--ff-m);letter-spacing:.1em;color:var(--aqua);margin-bottom:4px}.pe-audit b{display:block;font-size:.57rem;color:var(--fg)}.pe-audit span{font:700 .39rem/1 var(--ff-m);color:var(--fg3);white-space:nowrap}.pe-pulse{position:absolute;left:33.5%;top:87px;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 0 5px rgba(63,224,200,.06),0 0 12px var(--aqua);z-index:8;animation:pePulse 5.2s var(--e) infinite}@keyframes pePulse{0%{top:87px;opacity:.25}15%{opacity:1}80%{top:337px;opacity:1}100%{top:337px;opacity:.1}}

/* 36 · USE APPROVED DEVICE CAPACITY - governed compute constellation */
.dfleet-stage{position:relative;z-index:2;display:grid;grid-template-columns:minmax(220px,.74fr) minmax(420px,1.35fr);gap:12px;min-height:510px}.dfleet-job,.dfleet-map{position:relative;border:1px solid var(--edge2);border-radius:18px;background:rgba(3,12,10,.34);overflow:hidden}.dfleet-job{padding:14px}.dfleet-job>small,.dfleet-map-head small{display:block;font:700 .43rem/1 var(--ff-m);letter-spacing:.11em;color:var(--aqua);margin-bottom:6px}.dfleet-job h5{margin:0;font:800 1rem/1.12 var(--ff-d);letter-spacing:-.03em}.dfleet-job>p{margin:7px 0 13px;font-size:.57rem;line-height:1.45;color:var(--fg3)}.dfleet-requirements{display:grid;gap:7px}.dfleet-req{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;padding:8px;border:1px solid var(--edge2);border-radius:10px;background:rgba(255,255,255,.014)}.dfleet-req i{width:27px;height:27px;border-radius:8px;display:grid;place-items:center;background:rgba(63,224,200,.055);font-style:normal;color:var(--aqua);font-size:.5rem}.dfleet-req small{display:block;font:700 .36rem/1 var(--ff-m);letter-spacing:.08em;color:var(--fg3);margin-bottom:3px}.dfleet-req b{display:block;font-size:.53rem;color:var(--fg)}.dfleet-scheduler{margin-top:12px;padding:11px;border:1px solid color-mix(in srgb,var(--aqua) 22%,var(--edge));border-radius:12px;background:linear-gradient(145deg,rgba(63,224,200,.05),rgba(255,255,255,.01))}.dfleet-scheduler small{display:block;font:700 .39rem/1 var(--ff-m);letter-spacing:.09em;color:var(--aqua);margin-bottom:5px}.dfleet-scheduler b{display:block;font-size:.62rem;color:var(--fg)}.dfleet-scheduler span{display:block;margin-top:5px;font-size:.49rem;line-height:1.4;color:var(--fg3)}
.dfleet-map{padding:13px}.dfleet-map-head{display:flex;justify-content:space-between;align-items:center;padding:0 2px 10px;border-bottom:1px solid var(--edge2)}.dfleet-map-head small{margin:0}.dfleet-map-head span{font:700 .4rem/1 var(--ff-m);letter-spacing:.08em;color:var(--fg3)}.dfleet-space{position:relative;min-height:414px;margin-top:8px;background:radial-gradient(circle at 50% 48%,rgba(63,224,200,.055),transparent 33%)}.dfleet-core{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:126px;height:126px;border-radius:50%;display:grid;place-items:center;text-align:center;border:1px solid rgba(63,224,200,.25);background:radial-gradient(circle,rgba(63,224,200,.11),rgba(6,17,14,.96) 70%);box-shadow:0 0 0 12px rgba(63,224,200,.025),0 0 48px -18px var(--aqua);z-index:5}.dfleet-core small{display:block;font:700 .36rem/1 var(--ff-m);letter-spacing:.1em;color:var(--aqua);margin-bottom:4px}.dfleet-core b{display:block;font:800 .76rem/1.03 var(--ff-d)}.dfleet-core span{display:block;margin-top:5px;font-size:.43rem;color:var(--fg3)}.dfleet-orbit{position:absolute;left:50%;top:49%;transform:translate(-50%,-50%);width:300px;height:300px;border:1px dashed rgba(63,224,200,.12);border-radius:50%}.dfleet-orbit.o2{width:390px;height:390px;border-color:rgba(124,124,255,.08)}
.dfleet-node{--node:var(--aqua);position:absolute;width:144px;padding:9px;border:1px solid color-mix(in srgb,var(--node) 22%,var(--edge));border-radius:12px;background:color-mix(in srgb,var(--bg2) 93%,transparent);box-shadow:0 14px 28px -25px #000;z-index:7}.dfleet-node:after{content:"";position:absolute;width:6px;height:6px;border-radius:50%;background:var(--node);box-shadow:0 0 9px var(--node);right:8px;top:9px}.dfleet-node small{display:block;font:700 .36rem/1 var(--ff-m);letter-spacing:.08em;color:var(--node);margin-bottom:5px}.dfleet-node b{display:block;font-size:.55rem;line-height:1.2}.dfleet-node span{display:block;margin-top:4px;font-size:.44rem;line-height:1.35;color:var(--fg3)}.dfleet-node em{display:inline-block;margin-top:6px;padding:4px 5px;border:1px solid color-mix(in srgb,var(--node) 16%,var(--edge));border-radius:999px;font:700 .32rem/1 var(--ff-m);font-style:normal;color:var(--node)}.dfleet-node.n1{left:3%;top:7%}.dfleet-node.n2{right:3%;top:7%;--node:var(--peri)}.dfleet-node.n3{left:2%;bottom:6%;--node:var(--coral)}.dfleet-node.n4{right:2%;bottom:6%;--node:#ff9696;opacity:.72}.dfleet-node.n4 em{color:#ff9696}.dfleet-node.selected{animation:dfNode 4.8s var(--spring) infinite}@keyframes dfNode{0%,100%{transform:none}45%,62%{transform:translateY(-3px);box-shadow:0 17px 34px -22px var(--node)}}
.dfleet-link{position:absolute;left:50%;top:49%;height:1px;transform-origin:0 50%;background:linear-gradient(90deg,rgba(63,224,200,.35),transparent);z-index:2}.dfleet-link.l1{width:150px;transform:rotate(-143deg)}.dfleet-link.l2{width:150px;transform:rotate(-37deg)}.dfleet-link.l3{width:150px;transform:rotate(143deg)}.dfleet-link.l4{width:150px;transform:rotate(37deg);opacity:.3}.dfleet-packet{position:absolute;left:50%;top:49%;width:7px;height:7px;border-radius:50%;background:var(--aqua);box-shadow:0 0 12px var(--aqua);z-index:8;animation:dfPacket 5.4s ease-in-out infinite}@keyframes dfPacket{0%{transform:translate(-3px,-3px);opacity:.2}28%{transform:translate(-112px,-112px);opacity:1}45%{transform:translate(-3px,-3px);opacity:.3}72%{transform:translate(112px,-112px);opacity:1}100%{transform:translate(-3px,-3px);opacity:.2}}
.dfleet-legend{position:absolute;left:50%;bottom:5px;transform:translateX(-50%);display:flex;gap:6px;z-index:9}.dfleet-legend span{padding:4px 6px;border:1px solid var(--edge2);border-radius:999px;background:rgba(6,17,14,.85);font:700 .32rem/1 var(--ff-m);color:var(--fg3);white-space:nowrap}.dfleet-legend i{font-style:normal;color:var(--aqua)}

[data-theme="light"] .policyexec-visual-story,[data-theme="light"] .devicefleet-visual-story{background:radial-gradient(74% 120% at 0 5%,rgba(63,224,200,.05),transparent 70%),radial-gradient(70% 116% at 100% 100%,rgba(124,124,255,.04),transparent 72%),rgba(255,255,255,.78)}
[data-theme="light"] .pe-stage,[data-theme="light"] .dfleet-job,[data-theme="light"] .dfleet-map{background:rgba(255,255,255,.58)}[data-theme="light"] .dfleet-node{background:rgba(255,255,255,.92)}[data-theme="light"] .dfleet-core{background:radial-gradient(circle,rgba(63,224,200,.10),rgba(255,255,255,.96) 72%)}
@media(max-width:920px){.pe-grid{grid-template-columns:1fr 1fr}.pe-results{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}.pe-grid:before,.pe-grid:after,.pe-action:after,.pe-gate:after,.pe-pulse{display:none}.pe-audit{grid-column:1/-1}.dfleet-stage{grid-template-columns:1fr}.dfleet-job{display:grid;grid-template-columns:1fr 1fr;gap:12px}.dfleet-job>small,.dfleet-job>h5,.dfleet-job>p{grid-column:1/-1}.dfleet-scheduler{margin-top:0}.dfleet-space{min-height:430px}}
@media(max-width:700px){.policyexec-visual-story,.devicefleet-visual-story{padding:15px}.policyexec-visual-head,.devicefleet-visual-head{display:block}.policyexec-visual-head>span,.devicefleet-visual-head>span{display:block;text-align:left;margin-top:6px}.policyexec-visual-bottom,.devicefleet-visual-bottom{grid-template-columns:1fr}.pe-stage-top{grid-template-columns:1fr}.pe-stage-top>div:last-child{text-align:left}.pe-policy-title{text-align:left!important}.pe-grid{grid-template-columns:1fr}.pe-results{grid-column:auto;grid-template-columns:1fr}.pe-audit{grid-column:auto;grid-template-columns:31px 1fr}.pe-audit>span{grid-column:2;white-space:normal}.dfleet-job{grid-template-columns:1fr}.dfleet-job>small,.dfleet-job>h5,.dfleet-job>p{grid-column:auto}.dfleet-space{min-height:620px}.dfleet-orbit{width:250px;height:250px}.dfleet-orbit.o2{width:315px;height:315px}.dfleet-node{width:calc(50% - 18px)}.dfleet-node.n1{left:5px;top:18px}.dfleet-node.n2{right:5px;top:18px}.dfleet-node.n3{left:5px;bottom:50px}.dfleet-node.n4{right:5px;bottom:50px}.dfleet-core{top:50%}.dfleet-orbit{top:50%}.dfleet-link,.dfleet-packet{display:none}.dfleet-legend{bottom:8px}}
@media(max-width:430px){.dfleet-space{min-height:650px}.dfleet-node{width:calc(50% - 12px);padding:8px}.dfleet-node.n1{left:2px}.dfleet-node.n2{right:2px}.dfleet-node.n3{left:2px}.dfleet-node.n4{right:2px}.dfleet-node b{font-size:.5rem}.dfleet-node span{font-size:.4rem}.dfleet-orbit{width:220px;height:220px}.dfleet-orbit.o2{width:270px;height:270px}}
@media(prefers-reduced-motion:reduce){html:not(.motion-full) .policyexec-visual-story *,html:not(.motion-full) .devicefleet-visual-story *{animation:none!important}}html.motion-paused .policyexec-visual-story *,html.motion-paused .devicefleet-visual-story *{animation-play-state:paused!important}



/* =====================================================================
   USE CASES V6T · ALL 36 CLARITY + READABILITY POLISH
   One quieter visual language across every use case.
   Preserve each unique visual metaphor; reduce chrome and increase legibility.
   ===================================================================== */

/* ---------- overall modal: more breathing room, less chrome ---------- */
.feature-modal-frame{
  width:min(1180px,100%)!important;
  border:0!important;
  box-shadow:0 46px 120px -52px rgba(0,0,0,.92)!important;
}
.feature-modal-top{
  border-bottom:0!important;
  min-height:64px!important;
  background:color-mix(in srgb,var(--bg2) 94%,transparent)!important;
}
.feature-modal-scroll #featureModalContent{
  padding:clamp(14px,2vw,22px)!important;
}
.usecase-modal-detail{
  gap:clamp(22px,3vw,34px)!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}

/* ---------- hero: larger and calmer ---------- */
.usecase-hero{
  padding:clamp(30px,4.2vw,52px) clamp(8px,1vw,12px)!important;
  background:transparent!important;
}
.usecase-hero::before{opacity:.58!important}
.usecase-hero .detail-product{
  font-size:.68rem!important;
  letter-spacing:.11em!important;
}
.usecase-hero h3{
  font-size:clamp(3rem,5.3vw,5.35rem)!important;
  line-height:.94!important;
  max-width:13ch!important;
  margin-top:20px!important;
}
.usecase-hero>p{
  font-size:clamp(1.08rem,1.45vw,1.24rem)!important;
  line-height:1.58!important;
  color:color-mix(in srgb,var(--fg2) 92%,var(--fg))!important;
  max-width:52ch!important;
  margin-top:18px!important;
}

/* ---------- every dedicated visual: quieter shell ---------- */
.usecase-modal-detail>section[class$="-visual-story"]{
  --edge:rgba(255,255,255,.065);
  --edge2:rgba(255,255,255,.035);
  border:0!important;
  border-radius:26px!important;
  padding:clamp(28px,3.4vw,42px)!important;
  background:
    radial-gradient(80% 120% at 8% 0%,color-mix(in srgb,var(--detail-tint) 6%,transparent),transparent 72%),
    color-mix(in srgb,var(--bg2) 84%,transparent)!important;
  box-shadow:none!important;
}
[data-theme="light"] .usecase-modal-detail>section[class$="-visual-story"]{
  --edge:rgba(20,27,48,.07);
  --edge2:rgba(20,27,48,.035);
  background:
    radial-gradient(80% 120% at 8% 0%,color-mix(in srgb,var(--detail-tint) 5%,transparent),transparent 72%),
    rgba(255,255,255,.64)!important;
}

/* visual headline pattern is consistent across all 36 */
.usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"]{
  margin-bottom:clamp(28px,3.2vw,38px)!important;
  gap:24px!important;
}
.usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"] small{
  font-size:.67rem!important;
  letter-spacing:.1em!important;
}
.usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"] h4{
  font-size:clamp(1.85rem,2.7vw,2.45rem)!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
  max-width:24ch;
}
.usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"]>span{
  font-size:.92rem!important;
  line-height:1.45!important;
  max-width:34ch;
  color:var(--fg2)!important;
  font-weight:600!important;
}

/* raise the microcopy floor inside the explanatory visuals */
.usecase-modal-detail>section[class$="-visual-story"] small{
  font-size:.62rem!important;
  line-height:1.35!important;
}
.usecase-modal-detail>section[class$="-visual-story"] em{
  font-size:.72rem!important;
  line-height:1.4!important;
}
.usecase-modal-detail>section[class$="-visual-story"] p{
  font-size:.84rem!important;
  line-height:1.5!important;
}
.usecase-modal-detail>section[class$="-visual-story"] span{
  font-size:.78rem!important;
  line-height:1.38!important;
}
.usecase-modal-detail>section[class$="-visual-story"] [class$="-top"] b,
.usecase-modal-detail>section[class$="-visual-story"] [class*="-head"] b{
  font-size:.82rem!important;
  line-height:1.28!important;
}

/* one visual explanation is enough; the detailed sections below already repeat the outcome */
.usecase-modal-detail [class$="-visual-bottom"]{
  display:none!important;
}

/* remove secondary visual chrome where it duplicates obvious context */
.canvas-legend{display:none!important}

/* ---------- who / when: simple editorial facts ---------- */
.usecase-audience{
  grid-template-columns:1fr 1fr!important;
  gap:clamp(28px,5vw,70px)!important;
  padding:0 clamp(8px,1vw,12px)!important;
  border:0!important;
  background:transparent!important;
}
.usecase-audience>div{
  padding:0!important;
  border:0!important;
}
.usecase-audience small,
.usecase-business small,
.usecase-problem small,
.usecase-flow small,
.usecase-outcome small,
.usecase-different small,
.usecase-components small,
.scenario-tag{
  font-size:.65rem!important;
  letter-spacing:.095em!important;
}
.usecase-audience p{
  margin-top:10px!important;
  font-size:1.04rem!important;
  line-height:1.58!important;
  color:var(--fg2)!important;
  max-width:48ch!important;
}

/* ---------- situation + how: content, not cards ---------- */
.usecase-story-grid{
  grid-template-columns:.9fr 1.1fr!important;
  gap:clamp(34px,5vw,74px)!important;
  padding:clamp(14px,2vw,24px) clamp(8px,1vw,12px)!important;
  align-items:start!important;
}
.usecase-problem,
.usecase-flow{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.usecase-problem h4,
.usecase-flow h4,
.usecase-different h4,
.usecase-components h4,
.usecase-business h4{
  font-size:clamp(1.55rem,2.1vw,1.9rem)!important;
  line-height:1.06!important;
  margin-top:10px!important;
}
.usecase-problem p,
.usecase-different p{
  margin-top:16px!important;
  font-size:1.03rem!important;
  line-height:1.66!important;
  max-width:52ch!important;
}
.before-list{
  margin-top:20px!important;
  gap:8px!important;
}
.before-list span{
  padding:5px 0 5px 28px!important;
  border:0!important;
  background:transparent!important;
  font-size:.92rem!important;
  line-height:1.46!important;
}
.before-list span::before{
  left:0!important;
  font-size:1.05rem!important;
}
.rich-steps{
  gap:6px!important;
  margin-top:18px!important;
}
.rich-steps>div{
  grid-template-columns:48px 1fr!important;
  gap:14px!important;
  padding:11px 0!important;
  min-height:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  animation:none!important;
}
.rich-steps b{
  width:40px!important;
  height:40px!important;
  border:0!important;
  border-radius:13px!important;
  background:color-mix(in srgb,var(--detail-tint) 10%,transparent)!important;
  font-size:.65rem!important;
}
.rich-steps span{
  font-size:1rem!important;
  line-height:1.5!important;
  font-weight:680!important;
}

/* ---------- in practice: one quiet emphasis block ---------- */
.usecase-scenario{
  grid-template-columns:118px 1fr!important;
  gap:26px!important;
  padding:clamp(28px,3.6vw,44px)!important;
  border:0!important;
  border-radius:24px!important;
  background:
    linear-gradient(135deg,color-mix(in srgb,var(--detail-tint) 8%,transparent),transparent 58%),
    color-mix(in srgb,var(--glass) 70%,transparent)!important;
  box-shadow:none!important;
}
.usecase-scenario blockquote{
  font-size:clamp(1.35rem,2.15vw,1.85rem)!important;
  line-height:1.38!important;
  max-width:42ch!important;
}
.scenario-tag i{
  width:7px!important;height:7px!important;
  box-shadow:none!important;
  animation:none!important;
}

/* ---------- outcome: one strong statement, no card grid ---------- */
.usecase-outcome{
  padding:clamp(32px,4vw,50px)!important;
  border:0!important;
  border-radius:24px!important;
  background:
    radial-gradient(85% 150% at 0 100%,color-mix(in srgb,var(--detail-tint) 11%,transparent),transparent 70%),
    color-mix(in srgb,var(--bg2) 80%,transparent)!important;
  box-shadow:none!important;
}
.usecase-outcome h4{
  font-size:clamp(2rem,3.25vw,3.15rem)!important;
  line-height:1!important;
  max-width:25ch!important;
}
.after-list{
  margin-top:24px!important;
  gap:8px!important;
}
.after-list span{
  padding:6px 0!important;
  border:0!important;
  background:transparent!important;
  font-size:.98rem!important;
  line-height:1.42!important;
}
.after-list i{
  width:23px!important;height:23px!important;
}

/* ---------- business value + why TheOS: editorial, not boxed ---------- */
.usecase-business{
  grid-template-columns:.72fr 1.28fr!important;
  gap:clamp(32px,5vw,74px)!important;
  padding:clamp(10px,2vw,18px) clamp(8px,1vw,12px)!important;
  border:0!important;
  background:transparent!important;
}
.usecase-business>div{
  padding:0!important;
  border:0!important;
}
.business-points{
  grid-template-columns:1fr 1fr!important;
  gap:8px 28px!important;
}
.business-points span{
  position:relative;
  padding:7px 0 7px 18px!important;
  border:0!important;
  background:transparent!important;
  font-size:.96rem!important;
  line-height:1.42!important;
  font-weight:680!important;
}
.business-points span::before{
  content:"";
  position:absolute;left:0;top:1.05em;
  width:6px;height:6px;border-radius:50%;
  background:var(--detail-tint);
}
.usecase-different{
  display:grid!important;
  grid-template-columns:.72fr 1.28fr!important;
  gap:clamp(32px,5vw,74px)!important;
  align-items:start!important;
  padding:clamp(18px,2.5vw,28px) clamp(8px,1vw,12px)!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.usecase-different p{
  margin-top:0!important;
}

/* ---------- capabilities: keep only the interactive things visually boxed ---------- */
.usecase-components{
  display:grid!important;
  grid-template-columns:.78fr 1.22fr!important;
  gap:clamp(32px,5vw,70px)!important;
  align-items:center!important;
  padding:clamp(28px,3.4vw,42px)!important;
  border:0!important;
  border-radius:24px!important;
  background:color-mix(in srgb,var(--glass) 64%,transparent)!important;
  box-shadow:none!important;
}
.usecase-components p{
  margin-top:12px!important;
  font-size:.92rem!important;
  line-height:1.55!important;
  color:var(--fg2)!important;
}
.component-pills{
  gap:10px!important;
}
.component-pill{
  min-height:44px!important;
  padding:10px 14px!important;
  font-size:.84rem!important;
  border:0!important;
  background:color-mix(in srgb,var(--detail-tint) 8%,var(--glass))!important;
  box-shadow:none!important;
}
.component-pill:hover{
  border:0!important;
  box-shadow:none!important;
}

/* ---------- tiles on the main 36-use-case overview ---------- */
.usecase-tile{
  border:0!important;
  background:color-mix(in srgb,var(--glass) 70%,transparent)!important;
  box-shadow:none!important;
  padding:26px!important;
}
.usecase-tile:hover{
  box-shadow:none!important;
  background:color-mix(in srgb,var(--detail-tint,var(--peri)) 5%,var(--glass))!important;
}
.usecase-tile h3{
  font-size:1.72rem!important;
  line-height:1.06!important;
}
.usecase-tile-top{
  font-size:.63rem!important;
}
.usecase-shift span,
.usecase-shift b{
  font-size:.78rem!important;
  line-height:1.42!important;
}
.usecase-open{
  font-size:.82rem!important;
}

/* ---------- continuation panels: one quiet frame instead of many lines ---------- */
.feature-loop-panel{
  border:0!important;
  background:color-mix(in srgb,var(--glass) 58%,transparent)!important;
  box-shadow:none!important;
}
.feature-category-jump,
.feature-modal-bottom-actions{
  border-top:0!important;
}
.feature-sibling-pill,
.feature-category-pill{
  border:0!important;
  background:color-mix(in srgb,var(--glass) 80%,transparent)!important;
}
.feature-loop-toggle>i{
  border:0!important;
}

/* ---------- responsive clarity ---------- */
@media(max-width:900px){
  .usecase-story-grid,
  .usecase-different,
  .usecase-components,
  .usecase-business{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .usecase-audience{
    grid-template-columns:1fr!important;
    gap:22px!important;
  }
  .business-points{
    grid-template-columns:1fr 1fr!important;
  }
}

@media(max-width:700px){
  .feature-modal{inset:8px!important}
  .feature-modal-frame{border-radius:22px!important}
  .feature-modal-top{min-height:58px!important;padding:10px 12px 10px 16px!important}
  .feature-modal-scroll #featureModalContent{padding:10px!important}

  .usecase-hero{
    padding:26px 10px 14px!important;
  }
  .usecase-hero h3{
    font-size:2.45rem!important;
    line-height:.97!important;
  }
  .usecase-hero>p{
    font-size:1rem!important;
    line-height:1.55!important;
  }

  .usecase-modal-detail>section[class$="-visual-story"]{
    padding:22px!important;
    border-radius:20px!important;
  }
  .usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"]{
    display:grid!important;
    gap:10px!important;
    margin-bottom:24px!important;
  }
  .usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"] h4{
    font-size:1.55rem!important;
    max-width:20ch!important;
  }
  .usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"]>span{
    font-size:.84rem!important;
  }
  .usecase-modal-detail>section[class$="-visual-story"] small{font-size:.59rem!important}
  .usecase-modal-detail>section[class$="-visual-story"] span{font-size:.74rem!important}
  .usecase-modal-detail>section[class$="-visual-story"] p{font-size:.8rem!important}

  .usecase-audience,
  .usecase-story-grid,
  .usecase-business,
  .usecase-different{
    padding-left:10px!important;
    padding-right:10px!important;
  }
  .usecase-audience p,
  .usecase-problem p,
  .usecase-different p{
    font-size:.95rem!important;
  }
  .usecase-problem h4,
  .usecase-flow h4,
  .usecase-different h4,
  .usecase-components h4,
  .usecase-business h4{
    font-size:1.42rem!important;
  }
  .rich-steps span{font-size:.93rem!important}
  .rich-steps>div{grid-template-columns:44px 1fr!important}
  .rich-steps b{width:38px!important;height:38px!important}

  .usecase-scenario{
    grid-template-columns:1fr!important;
    gap:14px!important;
    padding:24px!important;
  }
  .usecase-scenario blockquote{
    font-size:1.28rem!important;
  }
  .usecase-outcome{
    padding:26px!important;
  }
  .usecase-outcome h4{
    font-size:1.9rem!important;
  }
  .after-list span,
  .business-points span{
    font-size:.9rem!important;
  }
  .business-points{grid-template-columns:1fr!important}
  .usecase-components{padding:24px!important}
  .component-pills{justify-content:flex-start!important}
  .component-pill{font-size:.79rem!important}

  .usecase-tile{
    padding:20px!important;
  }
  .usecase-tile h3{
    font-size:1.48rem!important;
  }
}


/* =====================================================================
   V6U · FOCUS STAGE PASS
   Layout + visual storytelling refinement across all 36 use cases.
   Keep motion. Give the motion room. Remove competing chrome.
   ===================================================================== */

/* 1. USE THE DISPLAY - do not force a 1280px desktop island. */
:root{--max:1760px!important;--gut:clamp(18px,2.1vw,38px)!important}
.wrap{
  width:min(96vw,1760px)!important;
  max-width:none!important;
  padding-left:0!important;
  padding-right:0!important;
}

/* hero is a focus screen, not a narrow marketing column */
.hero{
  min-height:calc(100svh - 76px)!important;
  padding:clamp(52px,6vh,88px) 0 clamp(60px,7vh,96px)!important;
  display:grid!important;
  align-items:center!important;
}
.hero-grid{
  grid-template-columns:minmax(420px,.84fr) minmax(620px,1.16fr)!important;
  gap:clamp(44px,4.6vw,92px)!important;
  align-items:center!important;
}
.hero-copy h1{max-width:9.3ch!important}
.hero-copy .lede{font-size:clamp(1.04rem,1.18vw,1.24rem)!important;max-width:48ch!important}
.hero-proof{gap:9px!important}
.hero-proof span{border:0!important;background:rgba(255,255,255,.035)!important;padding:8px 11px!important;font-size:.63rem!important}

/* the hero visual must be able to dominate a 13–16 inch screen */
.journey-scene{
  min-height:clamp(600px,70vh,790px)!important;
  width:100%!important;
}
.journey-board{
  width:100%!important;
  min-height:clamp(590px,68vh,760px)!important;
  padding:clamp(26px,2vw,38px)!important;
  border:0!important;
  border-radius:30px!important;
  box-shadow:0 34px 90px -58px rgba(0,0,0,.9)!important;
}
.journey-board-head{padding:2px 2px 26px!important;border:0!important}
.journey-board-head small{font-size:.68rem!important}
.journey-board-head strong{font-size:1.45rem!important}
.journey-track{
  grid-template-columns:minmax(190px,1fr) minmax(170px,.72fr) minmax(190px,1fr)!important;
  gap:clamp(18px,2vw,34px)!important;
  min-height:310px!important;
}
.journey-engine{height:230px!important}
.journey-engine-core{width:136px!important;height:136px!important;border-radius:38px!important}
.journey-engine-core strong{font-size:1.6rem!important}
.journey-engine-core small{font-size:.43rem!important}
.journey-engine-ring{border-color:color-mix(in srgb,var(--aqua) 11%,transparent)!important}
.journey-side{gap:12px!important}
.journey-tag{font-size:.58rem!important}
.journey-chip{min-width:142px!important;padding:14px 17px!important;font-size:.88rem!important;border:0!important;box-shadow:none!important}
.journey-categories{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:11px!important;
  padding-top:26px!important;
  border-top:0!important;
}
.journey-cat{
  min-height:76px!important;
  padding:13px 15px!important;
  border:0!important;
  border-radius:16px!important;
  background:color-mix(in srgb,var(--tint) 7%,var(--glass))!important;
}
.journey-cat b{font-size:.9rem!important;line-height:1.18!important}
.journey-cat small{font-size:.58rem!important;margin-top:5px!important}

/* 2. EXPLORER - wider cards with fewer outlines. */
.sec#explorer{padding-top:clamp(68px,8vw,116px)!important}
.sec-head{max-width:980px!important}
.group-intro{
  padding:clamp(28px,2.5vw,42px)!important;
  border:0!important;
  border-radius:28px!important;
  background:linear-gradient(120deg,color-mix(in srgb,var(--tint) 6%,var(--glass2)),var(--glass2))!important;
}
.group-intro h2{font-size:clamp(2.6rem,4vw,4.4rem)!important;max-width:18ch!important}
.group-intro p{font-size:1.06rem!important;max-width:70ch!important}
.card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:clamp(14px,1.3vw,22px)!important;
  margin-top:clamp(16px,1.5vw,24px)!important;
}
.cap-card,.usecase-tile{
  min-height:238px!important;
  padding:clamp(23px,1.8vw,30px)!important;
  border:0!important;
  border-radius:24px!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--tint) 5%,var(--glass2)),var(--glass2))!important;
  box-shadow:none!important;
}
.cap-card:hover,.cap-card.active,.usecase-tile:hover{
  transform:translateY(-4px)!important;
  background:linear-gradient(145deg,color-mix(in srgb,var(--tint) 9%,var(--glass2)),var(--glass2))!important;
  box-shadow:0 24px 58px -48px var(--tint)!important;
}
.cap-mark{width:50px!important;height:50px!important;border:0!important;border-radius:15px!important}
.cap-product{border:0!important;background:rgba(255,255,255,.03)!important;font-size:.57rem!important}
.cap-card h3,.usecase-tile h3{font-size:clamp(1.55rem,1.55vw,1.9rem)!important;margin-top:34px!important;line-height:1.04!important}
.cap-card p{font-size:.94rem!important;line-height:1.55!important;max-width:46ch!important}
.cap-open,.usecase-open{font-size:.82rem!important;margin-top:auto!important;padding-top:20px!important}
.cap-open i{display:none!important}

/* 3. MODAL = THE FOCUS SCREEN. */
.feature-modal{inset:clamp(10px,1.15vw,20px)!important}
.feature-modal-frame{
  width:min(96vw,1600px)!important;
  height:min(95dvh,1080px)!important;
  max-height:none!important;
  border-radius:30px!important;
  background:radial-gradient(90% 65% at 100% 0%,rgba(63,224,200,.045),transparent 65%),color-mix(in srgb,var(--bg2) 98%,transparent)!important;
  box-shadow:0 50px 130px -54px rgba(0,0,0,.96)!important;
}
.feature-modal-top{
  min-height:70px!important;
  padding:12px 18px 12px 26px!important;
  border:0!important;
  background:transparent!important;
}
.feature-modal-context span{font-size:.72rem!important}
.feature-modal-context small{font-size:.56rem!important}
.feature-modal-close-x{width:42px!important;height:42px!important;border:0!important;background:rgba(255,255,255,.035)!important}
.feature-modal-scroll #featureModalContent{padding:clamp(18px,2vw,32px)!important}
.usecase-modal-detail{gap:clamp(28px,3vw,48px)!important}
.usecase-hero{padding:clamp(34px,4vw,62px) clamp(6px,.7vw,10px)!important}
.usecase-hero h3{font-size:clamp(3.6rem,5.6vw,6.35rem)!important;max-width:14ch!important}
.usecase-hero>p{font-size:clamp(1.13rem,1.35vw,1.35rem)!important;max-width:58ch!important}

/* 4. VISUALS - larger stage, less framing, larger readable floor. */
.usecase-modal-detail>section[class$="-visual-story"]{
  padding:clamp(34px,3.5vw,54px)!important;
  border-radius:30px!important;
  background:radial-gradient(90% 120% at 8% 0%,color-mix(in srgb,var(--detail-tint) 5%,transparent),transparent 72%),color-mix(in srgb,var(--bg2) 88%,transparent)!important;
}
.usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"]{
  margin-bottom:clamp(32px,3.2vw,50px)!important;
  gap:clamp(28px,4vw,70px)!important;
}
.usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"] h4{
  font-size:clamp(2.1rem,2.8vw,3rem)!important;
  max-width:25ch!important;
}
.usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"]>span{
  font-size:1rem!important;
  max-width:38ch!important;
}
.usecase-modal-detail>section[class$="-visual-story"] small{font-size:.68rem!important}
.usecase-modal-detail>section[class$="-visual-story"] em{font-size:.78rem!important}
.usecase-modal-detail>section[class$="-visual-story"] p{font-size:.92rem!important}
.usecase-modal-detail>section[class$="-visual-story"] span{font-size:.85rem!important}

/* remove repeated rule-lines inside visuals; surfaces and motion carry hierarchy */
.usecase-modal-detail>section[class$="-visual-story"] :where(
  [class$="-top"],
  [class$="-head"],
  [class$="-foot"],
  [class$="-footer"],
  [class$="-now"],
  [class$="-next"]
){border-top:0!important;border-bottom:0!important}

/* secondary boxes become surfaces, not outlined boxes */
.usecase-modal-detail>section[class$="-visual-story"] :where(
  [class*="-step"],
  [class*="-item"],
  [class*="-row"],
  [class*="-source"],
  [class*="-route"],
  [class*="-result"],
  [class*="-rule"],
  [class*="-req"]
){border-color:transparent!important;box-shadow:none!important}

/* connector graphics stay available but stop competing with the moving subject */
.usecase-modal-detail>section[class$="-visual-story"] :where(
  [class*="-connector"],
  [class*="-orbit"]
){opacity:.16!important}

/* common animated stage families get more real estate. */
.recurring-stage,.event-stage,.voiceflow-stage,.nurture-stage,.teamctx-stage,.reach-stage,
.approval-stage,.exception-stage,.agentteam-stage,.safe-stage,.systems-stage,.pa-stage,.pe-stage,
.dfleet-stage,.ab-stage,.sb-stage,.docflow-stage,.ci-stage,.pr-stage{
  min-height:clamp(500px,55vh,690px)!important;
  gap:clamp(16px,1.4vw,24px)!important;
}
.omni-workspace,.canvas-shell,.docanalysis-workbench,.research-workspace,.knowledge-map{
  min-height:clamp(500px,55vh,700px)!important;
}

/* three-column animated stories: enlarge the middle action, not the chrome */
.event-stage,.recurring-stage{
  grid-template-columns:minmax(250px,.82fr) minmax(540px,1.7fr) minmax(270px,.88fr)!important;
}
.ev-sources,.ev-trigger,.ev-routes,.rc-schedule,.rc-run,.rc-deliver{
  border:0!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.018)!important;
}
.ev-top,.rc-top{height:52px!important;padding:0 16px!important;background:transparent!important;border:0!important}
.ev-top b,.rc-top b{font-size:.52rem!important}
.ev-top span,.rc-top span{font-size:.43rem!important}
.ev-source-list,.ev-route-list{gap:11px!important;padding:16px!important}
.ev-source,.ev-route{padding:12px!important;border:0!important;border-radius:14px!important;background:rgba(255,255,255,.025)!important}
.ev-source b,.ev-route b{font-size:.62rem!important}
.ev-source small,.ev-route small{font-size:.38rem!important}
.ev-event,.ev-rule,.ev-match{margin-left:16px!important;margin-right:16px!important;border:0!important;border-radius:14px!important}
.ev-event b{font-size:.7rem!important}.ev-event span{font-size:.55rem!important}
.ev-gate{width:158px!important;height:158px!important;margin-top:24px!important;border:0!important}
.ev-gate b{font-size:1rem!important}.ev-gate small{font-size:.38rem!important}
.ev-workflow{gap:10px!important;padding:0 16px 18px!important}
.ev-workstep{padding:11px!important;border:0!important;border-radius:13px!important;background:rgba(255,255,255,.022)!important}
.ev-workstep b{font-size:.58rem!important}.ev-workstep small{font-size:.35rem!important}
.ev-packet{width:10px!important;height:10px!important;box-shadow:0 0 22px var(--coral)!important}

/* policy enforcement was line-heavy; make the checkpoint itself the story */
.pe-stage{border:0!important;border-radius:24px!important;background:rgba(255,255,255,.014)!important}
.pe-stage-top{border:0!important;padding:18px 20px!important;background:transparent!important}
.pe-grid{gap:18px!important;padding:20px!important}
.pe-grid:before,.pe-grid:after{display:none!important}
.pe-action,.pe-gate,.pe-result,.pe-audit{border:0!important;background:rgba(255,255,255,.022)!important;border-radius:15px!important}
.pe-action:after,.pe-gate:after{display:none!important}
.pe-gate:before{width:4px!important;border-radius:4px!important}
.pe-action b,.pe-gate b,.pe-result b{font-size:.7rem!important}
.pe-action span,.pe-gate span,.pe-result span{font-size:.58rem!important}

/* fleet: keep eligibility visible, remove orbital decoration from dominance */
.dfleet-job,.dfleet-map{border:0!important;border-radius:24px!important;background:rgba(255,255,255,.018)!important}
.dfleet-map-head{border:0!important}
.dfleet-orbit{opacity:.08!important}
.dfleet-node{border:0!important;border-radius:15px!important;background:color-mix(in srgb,var(--bg2) 91%,var(--node) 2%)!important;padding:12px!important}
.dfleet-node b{font-size:.68rem!important}.dfleet-node span{font-size:.54rem!important}.dfleet-node small{font-size:.43rem!important}

/* 5. supporting content: fewer boxes and larger reading size. */
.usecase-audience,.usecase-story-grid,.usecase-business,.usecase-different{padding-left:clamp(8px,1vw,16px)!important;padding-right:clamp(8px,1vw,16px)!important}
.usecase-audience p,.usecase-problem p,.usecase-different p{font-size:1.08rem!important}
.rich-steps span{font-size:1.06rem!important}
.usecase-scenario{padding:clamp(34px,3.5vw,52px)!important;border-radius:28px!important}
.usecase-scenario blockquote{font-size:clamp(1.5rem,2vw,2.05rem)!important}
.usecase-outcome{padding:clamp(38px,4vw,58px)!important;border-radius:28px!important}
.usecase-outcome h4{font-size:clamp(2.4rem,3.25vw,3.7rem)!important}
.usecase-components{border-radius:28px!important;padding:clamp(34px,3vw,48px)!important}
.component-pill{min-height:48px!important;font-size:.9rem!important}

/* Motion remains. Make it about object state, not border flashing. */
@keyframes v6uFocusPulse{0%,100%{transform:translateY(0) scale(1);filter:brightness(1)}50%{transform:translateY(-4px) scale(1.015);filter:brightness(1.08)}}
.ev-source.ev-source-live{animation:evSource 5.8s var(--spring) infinite!important}
.ev-source.ev-source-live,.rc-step:nth-child(3),.rc-step:nth-child(4){box-shadow:none!important}

/* 13-inch laptops: preserve two-column hero and wide modal longer. */
@media(max-width:1280px){
  .wrap{width:min(95vw,1220px)!important}
  .hero-grid{grid-template-columns:minmax(360px,.9fr) minmax(520px,1.1fr)!important;gap:38px!important}
  .journey-scene{min-height:560px!important}
  .journey-board{min-height:550px!important;padding:24px!important}
  .journey-track{grid-template-columns:1fr 150px 1fr!important;min-height:280px!important}
  .journey-engine{height:200px!important}
  .journey-engine-core{width:118px!important;height:118px!important}
  .journey-chip{min-width:118px!important;padding:12px 14px!important}
  .feature-modal-frame{width:96vw!important;height:95dvh!important}
  .event-stage,.recurring-stage{grid-template-columns:minmax(220px,.8fr) minmax(430px,1.55fr) minmax(230px,.85fr)!important}
}

@media(max-width:1050px){
  .wrap{width:min(94vw,980px)!important}
  .hero{min-height:auto!important}
  .hero-grid{grid-template-columns:1fr!important;gap:44px!important}
  .journey-scene{min-height:600px!important}
  .card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .event-stage,.recurring-stage{grid-template-columns:1fr!important;min-height:0!important}
  .ev-sources,.ev-trigger,.ev-routes,.rc-schedule,.rc-run,.rc-deliver{min-height:0!important}
}

@media(max-width:700px){
  :root{--gut:16px!important}
  .wrap{width:calc(100vw - 28px)!important}
  .hero{padding:44px 0 64px!important}
  .journey-scene{min-height:auto!important}
  .journey-board{min-height:0!important;padding:20px!important;border-radius:24px!important}
  .journey-track{grid-template-columns:1fr 92px 1fr!important;gap:10px!important;min-height:240px!important}
  .journey-engine{height:170px!important}
  .journey-engine-core{width:82px!important;height:82px!important;border-radius:24px!important}
  .journey-engine-core strong{font-size:1.05rem!important}
  .journey-chip{min-width:0!important;width:100%!important;padding:9px 10px!important;font-size:.68rem!important}
  .journey-categories{grid-template-columns:1fr 1fr!important;gap:7px!important;padding-top:18px!important}
  .journey-cat{min-height:60px!important;padding:10px!important}
  .journey-cat b{font-size:.72rem!important}.journey-cat small{font-size:.48rem!important}
  .card-grid{grid-template-columns:1fr!important}
  .cap-card,.usecase-tile{min-height:205px!important;padding:22px!important}
  .feature-modal{inset:6px!important}
  .feature-modal-frame{width:100%!important;height:calc(100dvh - 12px)!important;border-radius:22px!important}
  .feature-modal-scroll #featureModalContent{padding:12px!important}
  .usecase-hero h3{font-size:2.75rem!important}
  .usecase-modal-detail>section[class$="-visual-story"]{padding:24px!important;border-radius:22px!important}
  .usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"] h4{font-size:1.75rem!important}
  .usecase-modal-detail>section[class$="-visual-story"] small{font-size:.62rem!important}
  .usecase-modal-detail>section[class$="-visual-story"] span{font-size:.78rem!important}
  .usecase-modal-detail>section[class$="-visual-story"] p{font-size:.86rem!important}
  .recurring-stage,.event-stage,.voiceflow-stage,.nurture-stage,.teamctx-stage,.reach-stage,
  .approval-stage,.exception-stage,.agentteam-stage,.safe-stage,.systems-stage,.pa-stage,.pe-stage,
  .dfleet-stage,.ab-stage,.sb-stage,.docflow-stage,.ci-stage,.pr-stage{min-height:0!important}
}


/* V6U.1 · 13-inch fit + modal focus corrections */

/* remove remaining decorative underlines / helper pill chrome */
.group-tab::after{display:none!important}
.group-tab{border:0!important;background:transparent!important;box-shadow:none!important}
.group-tab[aria-selected=true]{border:0!important;background:color-mix(in srgb,var(--tint) 8%,var(--glass))!important;box-shadow:none!important}
.explore-modes span{border:0!important;background:transparent!important;padding:5px 0!important;font-size:.78rem!important}
.explore-modes span:last-child{border:0!important;background:transparent!important}

/* modal is an opaque focus surface; the page behind should not compete */
.feature-modal-frame{
  background:
    radial-gradient(90% 65% at 100% 0%,rgba(63,224,200,.045),transparent 65%),
    #07130f!important;
}
[data-theme="light"] .feature-modal-frame{background:#fbfcfa!important}
.feature-modal-overlay{background:rgba(1,7,6,.72)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important}

/* make the use-case title readable but compact enough to leave the visual on-screen */
.usecase-hero h3{max-width:20ch!important}

/* 13–14 inch laptop fit: wide, but vertically composed rather than cropped */
@media (min-width:1051px) and (max-width:1500px), (max-height:820px) and (min-width:1051px){
  .hero{min-height:calc(100svh - 74px)!important;padding:30px 0 42px!important}
  .hero-grid{gap:clamp(30px,3vw,46px)!important}
  .hero .d1{font-size:clamp(4.05rem,5.9vw,5rem)!important;line-height:.91!important}
  .hero-copy .lede{margin-top:18px!important;font-size:1rem!important}
  .hero-copy .btnrow{margin-top:22px!important}
  .hero-proof{margin-top:14px!important}
  .journey-scene{min-height:520px!important}
  .journey-board{min-height:510px!important;padding:22px!important}
  .journey-board-head{padding-bottom:15px!important}
  .journey-board-head strong{font-size:1.2rem!important}
  .journey-track{min-height:235px!important;grid-template-columns:1fr 132px 1fr!important;gap:14px!important}
  .journey-engine{height:175px!important}
  .journey-engine-core{width:104px!important;height:104px!important;border-radius:30px!important}
  .journey-engine-core strong{font-size:1.28rem!important}
  .journey-chip{min-width:105px!important;padding:10px 12px!important;font-size:.77rem!important}
  .journey-categories{padding-top:15px!important;gap:8px!important}
  .journey-cat{min-height:60px!important;padding:10px 12px!important}
  .journey-cat b{font-size:.76rem!important}.journey-cat small{font-size:.5rem!important}

  .feature-modal{inset:8px!important}
  .feature-modal-frame{width:calc(100vw - 16px)!important;height:calc(100dvh - 16px)!important;border-radius:24px!important}
  .feature-modal-top{min-height:58px!important;padding:8px 14px 8px 20px!important}
  .feature-modal-scroll #featureModalContent{padding:14px 22px 24px!important}
  .usecase-modal-detail{gap:28px!important}
  .usecase-hero{padding:24px 4px 12px!important}
  .usecase-hero h3{font-size:clamp(3.25rem,4.8vw,4.5rem)!important;line-height:.94!important;max-width:20ch!important;margin-top:12px!important}
  .usecase-hero>p{font-size:1.02rem!important;line-height:1.5!important;margin-top:13px!important;max-width:62ch!important}
  .usecase-modal-detail>section[class$="-visual-story"]{padding:28px 30px!important;border-radius:24px!important}
  .usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"]{margin-bottom:26px!important}
  .usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"] h4{font-size:2rem!important}
  .usecase-modal-detail>section[class$="-visual-story"]>[class$="-visual-head"]>span{font-size:.9rem!important}
  .recurring-stage,.event-stage,.voiceflow-stage,.nurture-stage,.teamctx-stage,.reach-stage,
  .approval-stage,.exception-stage,.agentteam-stage,.safe-stage,.systems-stage,.pa-stage,.pe-stage,
  .dfleet-stage,.ab-stage,.sb-stage,.docflow-stage,.ci-stage,.pr-stage{min-height:460px!important}
}



/* =====================================================================
   V6V · VISUAL TYPOGRAPHY + ALIGNMENT SYSTEM
   One readable type hierarchy across all 36 animated visualisations.
   ===================================================================== */

section[class$="-visual-story"]{
  --visual-label:.69rem;
  --visual-meta:.78rem;
  --visual-body:.88rem;
  --visual-title:.98rem;
  --visual-panel-title:.78rem;
  --visual-headline:clamp(1.7rem,2.15vw,2.2rem);
  font-size:16px;
}

/* Every visual starts on the same typographic grid. */
section[class$="-visual-story"] > [class$="-visual-head"]{
  display:grid!important;
  grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr)!important;
  align-items:start!important;
  gap:10px 34px!important;
  margin-bottom:30px!important;
}
section[class$="-visual-story"] > [class$="-visual-head"] > div{
  min-width:0;
}
section[class$="-visual-story"] > [class$="-visual-head"] small{
  display:block!important;
  margin:0 0 8px!important;
  font-size:.72rem!important;
  line-height:1.25!important;
  letter-spacing:.085em!important;
}
section[class$="-visual-story"] > [class$="-visual-head"] h4{
  margin:0!important;
  max-width:24ch!important;
  font-size:var(--visual-headline)!important;
  line-height:1.04!important;
  letter-spacing:-.045em!important;
  text-wrap:balance!important;
}
section[class$="-visual-story"] > [class$="-visual-head"] > span{
  align-self:end!important;
  justify-self:end!important;
  max-width:34ch!important;
  margin:0 0 2px!important;
  padding:0!important;
  font-size:.9rem!important;
  line-height:1.45!important;
  font-weight:620!important;
  text-align:right!important;
  text-wrap:pretty!important;
  color:var(--fg2)!important;
}

/* Kill the legacy micro-type. Small remains a label, but it is readable. */
section[class$="-visual-story"] small{
  font-size:var(--visual-label)!important;
  line-height:1.3!important;
  letter-spacing:.055em!important;
}
section[class$="-visual-story"] em{
  font-size:var(--visual-meta)!important;
  line-height:1.4!important;
}
section[class$="-visual-story"] p{
  font-size:var(--visual-body)!important;
  line-height:1.5!important;
  text-wrap:pretty!important;
}
section[class$="-visual-story"] h5{
  font-size:1.08rem!important;
  line-height:1.2!important;
  letter-spacing:-.025em!important;
  text-wrap:balance!important;
}

/* Panel chrome: align titles and statuses to one baseline. */
section[class$="-visual-story"] :is(
  [class$="-toolbar"],
  [class$="-panel-head"],
  [class$="-findings-head"],
  [class$="-top"],
  [class$="-stage-head"],
  [class$="-board-head"],
  [class$="-shell-head"]
){
  min-height:44px!important;
  align-items:center!important;
  gap:10px!important;
}
section[class$="-visual-story"] :is(
  [class$="-toolbar"],
  [class$="-panel-head"],
  [class$="-findings-head"],
  [class$="-top"],
  [class$="-stage-head"],
  [class$="-board-head"],
  [class$="-shell-head"]
) > b{
  min-width:0!important;
  font-size:var(--visual-panel-title)!important;
  line-height:1.25!important;
  letter-spacing:.015em!important;
}
section[class$="-visual-story"] :is(
  [class$="-toolbar"],
  [class$="-panel-head"],
  [class$="-findings-head"],
  [class$="-top"],
  [class$="-stage-head"],
  [class$="-board-head"],
  [class$="-shell-head"]
) > span{
  margin-left:auto!important;
  flex:0 0 auto!important;
  font-size:.67rem!important;
  line-height:1.25!important;
  letter-spacing:.055em!important;
}

/* Main information-bearing objects. Do not let old .4rem/.5rem rules survive. */
section[class$="-visual-story"] :is(
  [class*="-card"],
  [class*="-source"],
  [class*="-finding"],
  [class*="-action"],
  [class*="-result"],
  [class*="-message"],
  [class*="-trigger"],
  [class*="-contact"],
  [class*="-step"],
  [class*="-node"],
  [class*="-decision"],
  [class*="-answer"],
  [class*="-next"],
  [class*="-route"],
  [class*="-rule"]
) > b,
section[class$="-visual-story"] :is(
  [class*="-card"],
  [class*="-source"],
  [class*="-finding"],
  [class*="-action"],
  [class*="-result"],
  [class*="-message"],
  [class*="-trigger"],
  [class*="-contact"],
  [class*="-step"],
  [class*="-node"],
  [class*="-decision"],
  [class*="-answer"],
  [class*="-next"],
  [class*="-route"],
  [class*="-rule"]
) > div > b{
  font-size:var(--visual-title)!important;
  line-height:1.28!important;
  letter-spacing:-.018em!important;
  text-wrap:pretty!important;
}
section[class$="-visual-story"] :is(
  [class*="-card"],
  [class*="-source"],
  [class*="-finding"],
  [class*="-action"],
  [class*="-result"],
  [class*="-message"],
  [class*="-trigger"],
  [class*="-contact"],
  [class*="-step"],
  [class*="-node"],
  [class*="-decision"],
  [class*="-answer"],
  [class*="-next"],
  [class*="-route"],
  [class*="-rule"]
) > span,
section[class$="-visual-story"] :is(
  [class*="-card"],
  [class*="-source"],
  [class*="-finding"],
  [class*="-action"],
  [class*="-result"],
  [class*="-message"],
  [class*="-trigger"],
  [class*="-contact"],
  [class*="-step"],
  [class*="-node"],
  [class*="-decision"],
  [class*="-answer"],
  [class*="-next"],
  [class*="-route"],
  [class*="-rule"]
) > div > span{
  font-size:.79rem!important;
  line-height:1.42!important;
  text-wrap:pretty!important;
}

/* Keep rows and grid cells visually level when copy wraps differently. */
section[class$="-visual-story"] :is(
  [class*="-actions"],
  [class*="-checks"],
  [class*="-sources"],
  [class*="-channels"],
  [class*="-cards"],
  [class*="-nodes"],
  [class*="-routes"],
  [class*="-steps"]
) > *{
  align-content:start;
}

/* Status pills should be readable but never compete with the content. */
section[class$="-visual-story"] :is(
  [class*="status"],
  [class*="badge"],
  [class*="tag"],
  [class*="ready"],
  [class*="live"]
){
  font-size:.68rem!important;
  line-height:1.25!important;
}

/* 13-inch laptop: preserve scale; don't collapse back to micro-copy. */
@media (max-width:1400px){
  section[class$="-visual-story"]{
    --visual-label:.67rem;
    --visual-meta:.76rem;
    --visual-body:.85rem;
    --visual-title:.94rem;
    --visual-panel-title:.75rem;
    --visual-headline:clamp(1.6rem,2.2vw,2rem);
  }
  section[class$="-visual-story"] > [class$="-visual-head"]{
    grid-template-columns:minmax(0,1.3fr) minmax(230px,.7fr)!important;
    gap:8px 26px!important;
  }
  section[class$="-visual-story"] > [class$="-visual-head"] > span{
    font-size:.86rem!important;
  }
}

@media (max-width:760px){
  section[class$="-visual-story"]{
    --visual-label:.66rem;
    --visual-meta:.74rem;
    --visual-body:.84rem;
    --visual-title:.93rem;
    --visual-panel-title:.74rem;
    --visual-headline:1.55rem;
  }
  section[class$="-visual-story"] > [class$="-visual-head"]{
    grid-template-columns:1fr!important;
    gap:9px!important;
    margin-bottom:22px!important;
  }
  section[class$="-visual-story"] > [class$="-visual-head"] h4{
    max-width:none!important;
  }
  section[class$="-visual-story"] > [class$="-visual-head"] > span{
    justify-self:start!important;
    align-self:start!important;
    max-width:46ch!important;
    text-align:left!important;
    font-size:.84rem!important;
  }
  section[class$="-visual-story"] :is(
    [class$="-toolbar"],
    [class$="-panel-head"],
    [class$="-findings-head"],
    [class$="-top"],
    [class$="-stage-head"],
    [class$="-board-head"],
    [class$="-shell-head"]
  ){
    min-height:40px!important;
  }
}


/* =====================================================================
   V6W · HARD READABILITY FLOOR + CLEANER VISUAL HEADER ALIGNMENT
   ===================================================================== */
section[class$="-visual-story"] > [class$="-visual-head"]{
  align-items:center!important;
}
section[class$="-visual-story"] > [class$="-visual-head"] > span{
  align-self:center!important;
}

/* These repeat the explanation already shown below the hero visual. */
section[class$="-visual-story"] > [class$="-visual-bottom"]{
  display:none!important;
}

/* Added by normalizeVisualTypography() only when legacy per-visual CSS
   would otherwise render direct text below the readable floor. */
section[class$="-visual-story"] .visual-type-floor{
  font-size:12px!important;
  line-height:1.38!important;
  letter-spacing:.015em!important;
}
@media(max-width:760px){
  section[class$="-visual-story"] .visual-type-floor{
    font-size:11.5px!important;
  }
}

.use-cases-inline-0{--tint:var(--peri)}
.use-cases-inline-1{--tint:var(--aqua)}
.use-cases-inline-2{--tint:var(--coral)}
.use-cases-inline-3{--tint:var(--violet)}
.use-cases-inline-4{--tint:var(--peri)}
.use-cases-inline-5{--tint:var(--aqua)}