: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 FEATURES 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:"FEATURES 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}}


/* V15 · RELATED USE CASE JOURNEY */
.related-usecases{
  margin-top:12px;padding:22px 24px;border:1px solid var(--edge);border-radius:20px;
  display:grid;grid-template-columns:.65fr 1.35fr;gap:20px;align-items:center;
  background:color-mix(in srgb,var(--bg2) 72%,transparent)
}
.related-usecases small{font-family:var(--ff-m);font-size:.5rem;letter-spacing:.11em;color:var(--detail-tint)}
.related-usecases h4{margin-top:8px;font-size:1.25rem;font-weight:800;letter-spacing:-.04em}
.related-usecase-pills{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.related-usecase-pill{display:inline-flex;align-items:center;gap:7px;padding:8px 11px;border:1px solid color-mix(in srgb,var(--detail-tint) 24%,var(--edge));border-radius:999px;background:var(--glass);font-size:.66rem;font-weight:760;color:var(--fg2);transition:.24s var(--spring)}
.related-usecase-pill i{font-style:normal;color:var(--detail-tint)}
.related-usecase-pill:hover{transform:translateY(-2px);color:var(--fg);border-color:color-mix(in srgb,var(--detail-tint) 46%,var(--edge))}
@media(max-width:800px){.related-usecases{grid-template-columns:1fr}.related-usecase-pills{justify-content:flex-start}}
@media(max-width:700px){.related-usecases{padding:17px;border-radius:14px}.related-usecase-pill{font-size:.61rem}}


.features-inline-0{--tint:var(--peri);--delay:-1s}
.features-inline-1{--tint:var(--aqua);--delay:-3.4s}
.features-inline-2{--tint:var(--coral);--delay:-5.2s}
.features-inline-3{--tint:var(--violet);--delay:-6.8s}
.features-inline-4{--tint:var(--peri);--delay:-8.3s}
.features-inline-5{--tint:var(--aqua);--delay:-10.1s}