/* Cothink Mercury motion layer: cinematic Hero hand-off, sticky product state, accessible accordion. */
.hero--motion{overflow:hidden}.hero--motion .hero-image,.hero--motion .hero-veil,.hero--motion .hero-content{will-change:transform,opacity,filter;transition:transform .35s var(--ease),opacity .35s var(--ease),filter .35s var(--ease),background .35s var(--ease)}.hero-workspace{position:absolute;z-index:0;left:50%;top:50%;width:min(780px,80vw);pointer-events:none;opacity:0;transform-origin:center;filter:drop-shadow(0 34px 42px #06060b99);transition:opacity .3s var(--ease),transform .3s var(--ease)}.workspace-chrome{height:35px;display:flex;align-items:center;gap:5px;padding:0 14px;border:1px solid #5b5b6a;border-bottom:0;border-radius:12px 12px 0 0;background:#272734;color:#a7a7b3;font:10px var(--mono)}.workspace-chrome span{width:7px;height:7px;border-radius:50%;background:#7d7d89}.workspace-chrome b{margin-left:8px;font-weight:400}.workspace-chrome i{margin-left:auto;color:#a9b5ff;font-style:normal}.workspace-shell{display:grid;grid-template-columns:58px 1fr;min-height:330px;border:1px solid #5b5b6a;border-radius:0 0 12px 12px;overflow:hidden;background:#181821}.workspace-shell aside{display:flex;align-items:center;flex-direction:column;gap:18px;padding:20px 0;border-right:1px solid #393946}.workspace-shell aside strong{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:#e8e8ef;color:#181821;font-size:13px}.workspace-shell aside span{width:7px;height:7px;border-radius:50%;background:#676776}.workspace-shell aside .is-active{background:#91a0ff;box-shadow:0 0 16px #6375ff}.workspace-shell main{padding:23px}.workspace-title,.motion-window-head{display:flex;justify-content:space-between;align-items:flex-start}.workspace-title div,.motion-window-head div{display:flex;flex-direction:column;gap:3px}.workspace-title small,.motion-window-head small{font-size:10px;color:#9999aa}.workspace-title b{font-size:19px;font-weight:500}.workspace-title em{padding:5px 8px;border-radius:10px;background:#28463e;color:#9ee0c8;font:9px var(--mono);font-style:normal}.workspace-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;margin-top:22px}.workspace-grid article{min-height:160px;padding:17px;border-radius:8px;background:#252532}.workspace-grid small{display:block;margin-bottom:12px;color:#9a9aaa;font:9px var(--mono);text-transform:uppercase}.workspace-focus{background:linear-gradient(130deg,#2e3262,#242535)!important}.workspace-focus strong{display:block;font-size:21px;line-height:1.16;letter-spacing:-.045em;font-weight:500}.workspace-focus span{display:block;margin-top:21px;color:#b8c1ff;font-size:10px}.workspace-feed div{display:flex;align-items:center;gap:7px;margin:10px 0;color:#c9c9d3;font-size:11px}.workspace-feed i,.motion-rows i{width:7px;height:7px;border-radius:50%;background:#86a0ff}.workspace-feed div:nth-child(3) i{background:#9ce5c6}.workspace-feed div:nth-child(4) i{background:#f0c17c}.scene-button{display:inline-flex;align-items:center;gap:9px;margin-top:22px;padding:8px 14px;border:1px solid #dfe1f680;border-radius:22px;background:#11111c8c;color:#f1f1f5;cursor:pointer;font-size:12px;transition:background .2s var(--ease),transform .16s var(--ease)}.scene-button:hover{background:#2b2c43}.scene-button:active{transform:scale(.97)}.scene-icon{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#e7e9ff;color:#252a65;font-size:8px}
.motion-product{position:relative;display:grid;grid-template-columns:290px 1fr;min-height:560px;max-width:1210px;margin:auto;border:1px solid #3b3b47;border-radius:12px;overflow:hidden;background:#1d1d28}.motion-tabs{position:relative;z-index:2;display:flex;flex-direction:column;padding:23px 17px;border-right:1px solid #3d3d49;background:#20202c}.motion-tabs button{display:grid;grid-template-columns:30px 1fr 16px;align-items:center;padding:15px 9px;border:0;border-radius:8px;background:transparent;color:#9696a4;text-align:left;cursor:pointer;font-size:13px;transition:background .25s var(--ease),color .25s var(--ease),transform .25s var(--ease)}.motion-tabs button span{font:10px var(--mono)}.motion-tabs button i{width:8px;height:8px;border:1px solid currentColor;border-radius:50%;opacity:.5}.motion-tabs button[aria-selected=true]{background:#2e2e3e;color:#f0f0f5;transform:translateX(4px)}.motion-tabs button[aria-selected=true] i{background:#91a0ff;border-color:#91a0ff;box-shadow:0 0 12px #6d7eff}.motion-stage{position:relative;display:grid;grid-template-columns:1fr 1.15fr;gap:28px;align-items:center;overflow:hidden;padding:45px}.motion-ambient{position:absolute;right:-9%;top:-18%;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#576bee70,transparent 65%);filter:blur(8px);transition:background .45s var(--ease),transform .65s var(--ease)}.motion-product[data-accent=green] .motion-ambient{background:radial-gradient(circle,#54c99a68,transparent 65%);transform:translate(-16px,28px)}.motion-product[data-accent=amber] .motion-ambient{background:radial-gradient(circle,#d69f5d66,transparent 65%);transform:translate(-38px,8px)}.motion-product[data-accent=blue] .motion-ambient{background:radial-gradient(circle,#506eee70,transparent 65%);transform:translate(18px,-8px)}.motion-copy{position:relative;z-index:1}.motion-copy h3{margin:13px 0;font-size:clamp(27px,3vw,42px);line-height:1.08;letter-spacing:-.06em;font-weight:500}.motion-copy h3 em{font-style:normal;color:#b9c2ff}.motion-copy p{max-width:330px;margin:0;color:#b6b6c2;font-size:14px;line-height:1.6}.motion-progress{display:flex;align-items:center;gap:10px;margin-top:35px;color:#b7b7c4;font:10px var(--mono)}.motion-progress:before{content:"";width:108px;height:2px;background:#474755}.motion-progress i{position:absolute;width:25px;height:2px;transform:translateX(-84px);background:#8fa0ff;transition:width .45s var(--ease)}.motion-workspace{position:relative;z-index:1;border:1px solid #5c5c6a;border-radius:10px;overflow:hidden;background:#171721;box-shadow:0 26px 50px #08080f77}.motion-window-top{display:flex;align-items:center;gap:5px;height:34px;padding:0 11px;border-bottom:1px solid #3e3e4a;color:#a2a2af;font:9px var(--mono)}.motion-window-top span{width:6px;height:6px;border-radius:50%;background:#777785}.motion-window-top b{margin-left:7px;font-weight:400}.motion-window-top em{margin-left:auto;color:#b8c3ff;font-style:normal}.motion-window-body{display:grid;grid-template-columns:45px 1fr;min-height:304px}.motion-window-body aside{display:flex;align-items:center;flex-direction:column;gap:16px;padding-top:17px;border-right:1px solid #343440}.motion-window-body aside b{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#e8e8ef;color:#191923;font-size:12px}.motion-window-body aside i{width:6px;height:6px;border-radius:50%;background:#686875}.motion-window-body aside i.active{background:#91a2ff}.motion-window-body main{padding:20px}.motion-window-head strong{font-size:29px;letter-spacing:-.06em;font-weight:500}.motion-window-head>span{max-width:95px;color:#a9a9b7;font-size:10px;text-align:right}.motion-rows{margin-top:23px}.motion-rows div{display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #363642;color:#d2d2db;font-size:12px}.motion-rows b{margin-left:auto;padding:4px 6px;border-radius:7px;background:#29443d;color:#a2e4c9;font:8px var(--mono)}.motion-rows div:last-child b{background:#333652;color:#bdc5ff}.motion-row-enter{animation:motionRow .42s var(--ease) both}@keyframes motionRow{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.motion-accordion{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;padding:clamp(85px,11vw,150px) clamp(20px,7vw,130px);background:#15151e}.accordion-intro h2{margin:14px 0;font-size:clamp(36px,4.7vw,61px);line-height:1.08;letter-spacing:-.065em;font-weight:500}.accordion-intro h2 em{font-style:normal;color:#9caaFF}.accordion-intro p{max-width:390px;margin:0;color:#aaaab7;line-height:1.65}.accordion-list{border-top:1px solid #444450}.motion-accordion-item{border-bottom:1px solid #444450}.motion-accordion-item button{display:grid;grid-template-columns:45px 1fr 25px;align-items:center;width:100%;padding:23px 0;border:0;background:none;color:#ededf3;text-align:left;cursor:pointer}.motion-accordion-item button span{color:#9999a7;font:10px var(--mono)}.motion-accordion-item button b{font-size:20px;font-weight:500;letter-spacing:-.035em}.motion-accordion-item button i{font-size:24px;font-style:normal;font-weight:300;transition:transform .3s var(--ease)}.motion-accordion-item>div{display:grid;grid-template-rows:0fr;transition:grid-template-rows .38s var(--ease)}.motion-accordion-item>div p{overflow:hidden;margin:0;max-width:510px;color:#b8b8c5;line-height:1.65}.motion-accordion-item.is-open>div{grid-template-rows:1fr}.motion-accordion-item.is-open>div p{padding:0 0 23px 45px}.motion-accordion-item.is-open button i{transform:rotate(45deg);color:#9aa8ff}.page-intro,.detail-hero,.access-wrap{opacity:.98;transform:translateY(8px);transition:transform .6s var(--ease),opacity .6s var(--ease)}.page-intro.motion-ready,.detail-hero.motion-ready,.access-wrap.motion-ready{opacity:1;transform:none}.motion-card{animation:cardEnter .55s var(--ease) both;animation-delay:var(--motion-delay);transform-style:preserve-3d;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}@keyframes cardEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.motion-card.is-tilting{transform:perspective(850px) rotateX(var(--tilt-x)) rotateY(var(--tilt-y)) translateY(-3px);box-shadow:0 20px 35px #07070d55}.resource-row{transition:background .25s var(--ease),padding .25s var(--ease)}.resource-row:hover{background:#20202b;padding-left:15px;padding-right:15px}.capture.is-active input{box-shadow:0 0 0 3px #7688ff33}.capture.is-ready button{background:#7183ff}.case-nav button{padding:9px;border:0;border-radius:7px;background:transparent;color:var(--ash);text-align:left;cursor:pointer;font-size:13px;transition:background .22s var(--ease),color .22s var(--ease),transform .22s var(--ease)}.case-nav button.is-active{background:#30303d;color:var(--ivory);transform:translateX(3px)}
@media(max-width:900px){.hero-workspace{width:86vw}.workspace-shell{min-height:255px}.workspace-grid{grid-template-columns:1fr}.workspace-feed{display:none}.motion-product{grid-template-columns:1fr}.motion-tabs{flex-direction:row;overflow:auto;padding:12px;gap:5px;border-right:0;border-bottom:1px solid #3d3d49}.motion-tabs button{min-width:150px;grid-template-columns:22px 1fr 0}.motion-tabs button i{display:none}.motion-stage{grid-template-columns:1fr;padding:34px}.motion-copy h3{font-size:37px}.motion-accordion{grid-template-columns:1fr;gap:38px}}@media(max-width:560px){.hero-workspace{width:92vw;top:57%}.workspace-chrome{height:28px}.workspace-shell{grid-template-columns:37px 1fr;min-height:210px}.workspace-shell aside{gap:11px;padding-top:12px}.workspace-shell main{padding:14px}.workspace-title b{font-size:15px}.workspace-grid{margin-top:11px}.workspace-grid article{min-height:105px;padding:12px}.workspace-focus strong{font-size:15px}.workspace-focus span{margin-top:10px}.scene-button{margin-top:17px}.motion-stage{padding:25px 17px}.motion-tabs button{min-width:132px;font-size:12px}.motion-copy h3{font-size:32px}.motion-window-body{min-height:250px}.motion-accordion{padding-left:20px;padding-right:20px}.motion-accordion-item button b{font-size:17px}.motion-accordion-item.is-open>div p{padding-left:45px}}@media(prefers-reduced-motion:reduce){.hero--motion .hero-image,.hero--motion .hero-veil,.hero--motion .hero-content{transition:none!important}.motion-row-enter,.motion-card{animation:none!important}}