:root{--mw-purple:#520df2;--mw-dark:#230c5a;--mw-ink:#151217;--mw-muted:#746e79;--mw-line:#e8e3ec;--mw-soft:#f7f5fd}
.agents-apps-body,.agents-apps-page,.agents-apps-page *,.app-detail,.app-detail *{box-sizing:border-box;font-family:"Segoe UI",Tahoma,Arial,sans-serif}.agents-apps-body{margin:0;background:#fff;color:var(--mw-ink)}.agents-apps-page{overflow:hidden}.agents-apps-page button,.app-detail button{font:inherit}
.apps-hero{max-width:1320px;margin:0 auto;padding:150px 5.5% 70px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:45px;min-height:560px}.apps-hero h1{font-size:clamp(70px,8vw,126px);line-height:.92;letter-spacing:-.065em;margin:0;color:#09090b}.apps-hero p{font-size:20px;line-height:1.9;color:#625b67;max-width:760px;margin:27px 0 0}.apps-hero-visual{height:360px;position:relative;display:grid;place-items:center}.hero-disc{position:absolute;width:330px;height:330px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(82,13,242,.18),rgba(82,13,242,.06) 43%,transparent 70%);border:1px solid rgba(82,13,242,.12)}.hero-disc:before,.hero-disc:after{content:"";position:absolute;inset:34px;border-radius:50%;border:1px dashed rgba(82,13,242,.15)}.hero-disc:after{inset:76px;border-style:solid}.apps-hero-visual img{position:relative;width:205px;max-height:300px;object-fit:contain;filter:drop-shadow(0 26px 28px rgba(35,12,90,.15));animation:app-float 5s ease-in-out infinite}@keyframes app-float{50%{transform:translateY(-9px)}}
.apps-library{max-width:1320px;margin:0 auto;padding:20px 5.5% 110px}.apps-toolbar{position:sticky;top:82px;z-index:8;background:rgba(255,255,255,.84);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);padding:14px 0 18px;margin-bottom:34px;border-bottom:1px solid rgba(232,227,236,.72)}.apps-search{height:56px;border:1px solid #dfd9e5;background:#fff;border-radius:18px;display:flex;align-items:center;gap:12px;padding:0 17px;max-width:460px;margin-bottom:15px}.apps-search:focus-within{border-color:rgba(82,13,242,.45);box-shadow:0 0 0 4px rgba(82,13,242,.07)}.apps-search svg{width:21px;height:21px;fill:none;stroke:#6d6672;stroke-width:1.8}.apps-search input{width:100%;border:0;outline:0;background:transparent;color:#17131d;font-size:16px}.apps-filters{display:flex;gap:8px;flex-wrap:wrap}.app-filter{border:1px solid #e4dfe8;background:#fff;color:#655e6a;border-radius:999px;padding:9px 14px;cursor:pointer;transition:.2s}.app-filter:hover,.app-filter.is-active{background:#17131d;border-color:#17131d;color:#fff}
.apps-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:38px 26px;align-items:start}.agent-app{border:0;background:transparent;padding:0;cursor:pointer;text-align:center;min-width:0;display:flex;flex-direction:column;align-items:center;gap:13px;color:var(--mw-ink)}.agent-app[hidden]{display:none}.agent-app-icon{width:150px;height:150px;border-radius:32px;overflow:hidden;display:block;position:relative;background:#f6f3fb;border:1px solid #ece7f0;box-shadow:0 8px 26px rgba(35,12,90,.07);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s,border-color .28s}.agent-app-icon:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.42),transparent 40%,rgba(82,13,242,.03));pointer-events:none}.agent-app img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.agent-app-name{font-size:15px;font-weight:700;line-height:1.45;max-width:175px;color:#2a252e}.agent-app:hover .agent-app-icon,.agent-app:focus-visible .agent-app-icon{transform:translateY(-8px) scale(1.035);box-shadow:0 22px 44px rgba(35,12,90,.13);border-color:rgba(82,13,242,.2)}.agent-app:hover img{transform:scale(1.035)}.agent-app:focus-visible{outline:none}.agent-app:focus-visible .agent-app-icon{outline:3px solid rgba(82,13,242,.2);outline-offset:4px}.apps-empty{text-align:center;padding:80px 20px;border-top:1px solid #eeeaf1}.apps-empty strong{font-size:25px}.apps-empty p{color:#77707b}.apps-custom{max-width:1180px;margin:0 auto 110px;padding:38px 44px;border-radius:28px;background:#0d0c10;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:35px;position:relative;overflow:hidden}.apps-custom:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(82,13,242,.42),transparent 67%);left:-120px;top:-110px}.apps-custom>div,.apps-custom>a{position:relative;z-index:1}.apps-custom h2{font-size:36px;letter-spacing:-.035em;margin:0}.apps-custom p{color:#c9c4ce;line-height:1.8;margin:10px 0 0}.apps-custom a{flex:0 0 auto;color:#17131d;background:#fff;text-decoration:none;padding:14px 18px;border-radius:14px;font-weight:800}.apps-custom a span{color:var(--mw-purple)}
.app-detail{position:fixed;inset:0;z-index:99998;opacity:0;pointer-events:none;transition:opacity .22s}.app-detail.is-open{opacity:1;pointer-events:auto}.app-detail-backdrop{position:absolute;inset:0;background:rgba(9,8,12,.52);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.app-detail-panel{position:absolute;inset:34px;max-width:1120px;margin:auto;background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.72);backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px);border-radius:34px;overflow:hidden;display:grid;grid-template-columns:40% 60%;box-shadow:0 42px 120px rgba(0,0,0,.24);transform:translateY(18px) scale(.987);transition:transform .25s cubic-bezier(.2,.8,.2,1)}.app-detail.is-open .app-detail-panel{transform:none}.app-detail-close{position:absolute;top:18px;left:18px;z-index:5;width:44px;height:44px;border:1px solid rgba(0,0,0,.08);border-radius:50%;background:rgba(255,255,255,.86);font-size:25px;cursor:pointer}.app-detail-visual{position:relative;min-height:590px;background:#f6f3fb}.app-detail-visual img{width:100%;height:100%;object-fit:cover}.app-detail-visual span{position:absolute;right:22px;bottom:14px;font-size:72px;font-weight:800;color:rgba(82,13,242,.15)}.app-detail-content{padding:58px 52px 40px;overflow:auto}.app-detail-category{font-size:13px;color:var(--mw-purple);font-weight:800}.app-detail-content h2{font-size:46px;line-height:1.1;letter-spacing:-.045em;margin:8px 0}.app-detail-en{color:#8b8490;margin:0 0 22px}.app-detail-desc{font-size:18px;line-height:1.85;color:#514b56}.app-detail-mission{padding:19px 21px;border-radius:18px;background:#f6f3fb;margin:22px 0}.app-detail-mission p{margin:7px 0 0;color:#5d5662;line-height:1.75}.app-detail-features>div{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.app-detail-features span{font-size:12px;border:1px solid #e7e1ec;border-radius:999px;padding:8px 11px;background:#fff;color:#5d5663}.app-detail-actions{display:flex;gap:10px;margin-top:26px}.app-detail-actions a,.app-detail-actions button{min-height:48px;border-radius:14px;padding:0 17px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;text-decoration:none}.app-detail-actions a{background:var(--mw-purple);color:#fff}.app-detail-actions button{background:#fff;border:1px solid #ddd7e3;color:#17131d;cursor:pointer}
@media(max-width:1050px){.apps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.apps-hero{grid-template-columns:1fr .65fr}.agent-app-icon{width:138px;height:138px}}
@media(max-width:820px){.apps-hero{grid-template-columns:1fr;padding:125px 20px 50px;min-height:auto}.apps-hero-visual{height:260px}.apps-hero h1{font-size:64px}.apps-library{padding:10px 20px 80px}.apps-toolbar{top:70px}.apps-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 16px}.agent-app-icon{width:120px;height:120px;border-radius:27px}.apps-custom{margin:0 20px 80px;padding:32px;display:block}.apps-custom a{display:inline-flex;margin-top:22px}.app-detail-panel{inset:12px;display:block;overflow:auto}.app-detail-visual{height:310px;min-height:0}.app-detail-content{padding:30px 22px 36px}.app-detail-content h2{font-size:35px}.app-detail-actions{flex-direction:column}}
@media(max-width:520px){.apps-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px}.agent-app-icon{width:118px;height:118px}.agent-app-name{font-size:14px;max-width:145px}.apps-filters{flex-wrap:nowrap;overflow:auto;padding-bottom:4px;scrollbar-width:none}.apps-filters::-webkit-scrollbar{display:none}.app-filter{white-space:nowrap}.apps-hero p{font-size:17px}.apps-custom h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.apps-hero-visual img{animation:none}.agent-app-icon,.agent-app img,.app-detail,.app-detail-panel{transition:none!important}}