.demo-cover--flow.demo-cover--chrome-flow{position:relative;isolation:isolate;display:flex;flex-direction:column;background:#281d36;color:#f6f0ff}.demo-cover--chrome-flow.demo-cover--indigo{background:#211c2b}.chrome-flow-atmosphere{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(ellipse at 88% 35%,#be95ff38,transparent 52%),linear-gradient(135deg,#ffffff0e,transparent 30%,#ad86d60b 64%,#ffffff09)}.chrome-flow-atmosphere:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;opacity:.28;background-image:linear-gradient(#f2e5ff13 1px,transparent 1px),linear-gradient(90deg,#f2e5ff13 1px,transparent 1px);background-size:44px 44px;-webkit-mask-image:linear-gradient(110deg,transparent 24%,#000 90%);mask-image:linear-gradient(110deg,transparent 24%,#000 90%)}.demo-cover--chrome-flow .demo-cover-browser{position:relative;flex-shrink:0;background:linear-gradient(100deg,#ece0ff1c,#ffffff06,#f3eaff12);border-color:#e7dbf822;box-shadow:inset 0 1px #ffffff24}.demo-cover--chrome-flow .demo-cover-flow-body{position:relative;padding:5.5%;height:auto;width:100%;flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr) auto auto;justify-content:stretch;gap:12px}.demo-cover--chrome-flow .demo-cover-flow-title{color:#d9c5ee}.demo-cover--chrome-flow .demo-cover-flow-title>small{background:#f4e5ff0b;border-color:#e8d8ff30}.chrome-flow-feature{display:grid;grid-template-columns:58% 42%;align-items:center;position:relative;min-height:0}.chrome-flow-feature-copy{position:relative;z-index:2}.chrome-flow-feature-copy>small{display:block;font:clamp(7px,1.5cqw,11px) var(--font-mono);letter-spacing:.03em;color:#b6a0cb;margin-bottom:10px}.demo-cover--chrome-flow .chrome-flow-feature h3{margin:0;font-size:clamp(25px,5.4cqw,47px);font-weight:500;line-height:1.03;letter-spacing:-.052em}.chrome-flow-feature h3>span{color:#dacfe6}.chrome-flow-sculpture{position:relative;width:118%;height:100%;min-height:0;margin-left:-9%;perspective:700px}.chrome-flow-sculpture>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;z-index:1;filter:drop-shadow(0 15px 22px #100c2280);transform:rotate(-8deg);transition:transform .8s cubic-bezier(.16,1,.3,1)}.chrome-flow-sculpture--hands>img{width:115%;max-width:none;height:100%;left:-7.5%;top:0;mix-blend-mode:screen;transform:rotate(5deg);filter:drop-shadow(0 12px 15px #160c3040)}.chrome-flow-orbit{position:absolute;width:110%;height:64%;top:20%;left:-5%;border:1px solid #e0c4ff30;border-radius:50%;transform:rotate(-32deg);box-shadow:0 0 25px #d0abff0a,inset 0 0 16px #c6a4f008}.chrome-flow-shadow{position:absolute;width:70%;height:10%;bottom:0;left:18%;background:#07051168;border-radius:50%;filter:blur(9px)}.chrome-flow-glint{position:absolute;right:17%;top:19%;width:22px;height:22px;z-index:2;background:radial-gradient(#fff 0 2%,#eee0ffa6 4%,transparent 64%);filter:drop-shadow(0 0 7px #e8d6ff)}.chrome-flow-glint:before,.chrome-flow-glint:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:linear-gradient(transparent,#fff,transparent)}.chrome-flow-glint:before{width:1px;height:30px}.chrome-flow-glint:after{width:30px;height:1px;background:linear-gradient(90deg,transparent,#fff,transparent)}.demo-cover--chrome-flow .demo-cover-nodes{gap:8px}.demo-cover--chrome-flow .demo-cover-nodes:before{top:clamp(17px,5cqw,29px);background:linear-gradient(90deg,#d0b3ed1a,#e8d8fa9a,#d0b3ed1a);box-shadow:0 0 8px #e3caff20}.demo-cover--chrome-flow .demo-cover-nodes>div>span{border:1px solid #ede0ff7d;border-radius:14px;color:#483052;background:linear-gradient(145deg,#f7f1fc,#c4b5d2 23%,#f0e8f9 45%,#aa92c1 65%,#d9c4eb 86%,#f1e7fa);box-shadow:inset 1px 1px 2px #fff,inset -2px -2px 4px #67477988,0 6px 16px #09041250}.demo-cover--chrome-flow .demo-cover-nodes>div>span>svg{stroke-width:1.7}.demo-cover--chrome-flow .demo-cover-nodes small{opacity:1;color:#cdbada}.demo-cover--chrome-flow .demo-cover-flow-result{margin-top:0;background:linear-gradient(120deg,#ede0ff12,#c9a2f305,#ede0ff0c);border-color:#dbbef62e;box-shadow:inset 0 1px #ffffff0b}.demo-cover--chrome-flow .demo-cover-result-icon{background:linear-gradient(140deg,#f3ecfc,#c49fe3);color:#44235c;box-shadow:inset 0 1px #fff}a:hover .chrome-flow-sculpture--star>img{transform:translateY(-7px) rotate(3deg)}a:hover .chrome-flow-sculpture--hands>img{transform:translateY(-5px) rotate(0)}@container (max-width: 350px){.chrome-flow-feature-copy>small{margin-bottom:7px;font-size:7px}.demo-cover--chrome-flow .chrome-flow-feature h3{font-size:24px}.chrome-flow-sculpture--hands{width:115%;margin-left:-5%}.chrome-flow-glint{width:14px;height:14px}.demo-cover--chrome-flow .demo-cover-nodes>div>span{border-radius:10px}}@media(prefers-reduced-motion:reduce){.chrome-flow-sculpture>img{transition:none}a:hover .chrome-flow-sculpture>img{transform:none}}.brand-logo{display:inline-flex;align-items:center;flex-shrink:0;width:142px;min-height:44px;text-decoration:none}.brand-logo img{display:block;width:100%;height:auto;mix-blend-mode:multiply}.brand-logo:focus-visible{outline:3px solid #9754c8;outline-offset:5px;border-radius:4px}.brand-logo--header{margin:5px 8px 5px 12px}.brand-logo--footer{width:208px}.brand-logo--portfolio{width:160px}@media(max-width:640px){.brand-logo--header{width:128px;margin:4px 8px 4px 10px}.brand-logo--portfolio{width:124px}.brand-logo--footer{width:190px}}