.catalog-hero{background:radial-gradient(ellipse at 76% 46%,rgba(105,71,200,.3),transparent 43%),linear-gradient(122deg,#11111f 13%,#17152b 71%,#241b34)}
.catalog-hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:5%;min-height:730px;padding:65px 0 60px}
.catalog-hero-content{position:relative;z-index:2;min-width:0}.catalog-hero h1{font-size:clamp(58px,5.7vw,88px);margin:22px 0 28px;white-space:nowrap}.catalog-hero .hero-lead{max-width:570px}.catalog-stage{height:580px;position:relative;isolation:isolate;perspective:1100px;min-width:0}.catalog-stage-glow{position:absolute;inset:16% 0 12%;border-radius:50%;background:radial-gradient(circle,#6f46de82 0,transparent 65%);filter:blur(42px)}.catalog-orbit{position:absolute;border:1px solid #b58aff35;border-radius:50%;transform:rotate(-24deg)}.orbit-outer{width:620px;height:350px;left:-5%;top:19%;box-shadow:0 0 80px #8562dd16}.orbit-inner{width:460px;height:280px;left:11%;top:26%;border-style:dashed;border-color:#ffd5b02d;transform:rotate(30deg)}.catalog-stage-card{position:absolute;display:flex;flex-direction:column;overflow:hidden;border:1px solid #ffffff3a;border-radius:30px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 35px 90px #04020f80}.catalog-stage-card span{font-size:11px;letter-spacing:.14em;font-weight:800;color:#d8c3f9}.catalog-stage-card strong{letter-spacing:-.05em}.catalog-stage-card small{color:#bdb6d1;font-size:11px}.card-back{width:305px;height:390px;left:39%;top:6%;padding:27px;background:linear-gradient(140deg,#58447a70,#1c1a2dbc);transform:rotate(17deg) translateZ(-45px);opacity:.8}.card-back span{font-size:54px;color:#d2b0fc;line-height:1}.card-back strong{font-size:24px;margin-top:auto}.card-front{width:355px;height:455px;left:12%;top:15%;padding:29px;background:linear-gradient(148deg,#363052e8,#171728f5);transform:rotate(-10deg) translateZ(36px);animation:catalog-float 7s ease-in-out infinite}.card-front::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,#8b64e048,transparent 45%);pointer-events:none}.card-front img{position:relative;align-self:center;width:210px;height:210px;object-fit:contain;margin:auto 0 6px;filter:drop-shadow(0 22px 32px #0d082cb8)}.card-front strong{position:relative;font-size:30px}.card-front small{position:relative;margin:6px 0 20px}.card-front b{position:relative;align-self:start;padding:8px 10px;background:#82edb822;border:1px solid #8df2bc55;border-radius:20px;color:#b9f7d1;font-size:9px;letter-spacing:.1em}.catalog-stage-index{position:absolute;right:6%;bottom:2%;color:#fff;font-size:42px;font-weight:800;letter-spacing:-.06em}.catalog-stage-index span{color:#8b7fa8;margin:0 7px}.catalog-hero .hero-baseline{position:relative;z-index:2}
.catalog-index{background:#efedeb}.catalog-index-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:55px}.catalog-index-head h2{margin-top:20px}.catalog-counter{display:flex;align-items:center;gap:16px;padding-bottom:5px;color:#6c6477}.catalog-counter strong{font-size:75px;line-height:.9;letter-spacing:-.09em;color:#7453d8}.catalog-counter span{font-size:12px;font-weight:700;line-height:1.35}.catalog-feature{display:grid;grid-template-columns:47% 53%;min-height:610px;border-radius:27px;overflow:hidden;background:#fff;border:1px solid #e4e0e6;box-shadow:0 32px 80px #3b2f5014;transition:transform .35s,box-shadow .35s}.catalog-feature:hover{transform:translateY(-7px);box-shadow:0 42px 95px #3b2f502b}.catalog-feature:focus-visible{outline-color:#7654f7}.feature-visual{position:relative;min-height:520px;overflow:hidden;background:radial-gradient(circle at 47% 47%,#5840a0 0,#211c3e 43%,#121322 85%)}.feature-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0d 1px,transparent 1px),linear-gradient(90deg,#ffffff0d 1px,transparent 1px);background-size:50px 50px;mask-image:radial-gradient(circle at 50%,black,transparent 75%)}.feature-ring{position:absolute;border:1px solid #c3a0fa6b;border-radius:50%;left:14%;top:21%;width:75%;height:53%;transform:rotate(-23deg)}.ring-two{left:20%;top:17%;width:68%;height:60%;transform:rotate(40deg);border-color:#f6c69d59}.feature-mark{position:absolute;left:50%;top:48%;display:grid;place-items:center;width:230px;height:230px;border:1px solid #d7bfff56;border-radius:43px;background:linear-gradient(140deg,#47326e,#221d3f);box-shadow:25px 38px 70px #050412c4,inset 0 1px #ffffff5c;transform:translate(-50%,-50%) rotate(-11deg);transition:transform .4s}.catalog-feature:hover .feature-mark{transform:translate(-50%,-53%) rotate(-5deg)}.feature-mark img{width:78%;filter:drop-shadow(0 12px 22px #0b071f)}.feature-bubble{position:absolute;padding:11px 14px;border:1px solid #ffffff52;border-radius:12px;color:#fff;font-size:9px;font-weight:800;letter-spacing:.07em;background:#2c254bb8;backdrop-filter:blur(15px);box-shadow:0 12px 35px #0a081c61}.bubble-in{left:8%;top:18%;transform:rotate(-8deg)}.bubble-out{right:6%;bottom:18%;transform:rotate(5deg)}.feature-number{position:absolute;bottom:15px;left:28px;font-size:110px;line-height:1;color:#ffffff12;font-weight:800;letter-spacing:-.08em}.feature-content{display:flex;flex-direction:column;padding:30px 36px;min-width:0}.feature-top{display:flex;align-items:center;justify-content:space-between;color:#82758d;font-size:10px;letter-spacing:.13em;font-weight:800}.feature-top span:last-child{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ddd6e9;border-radius:50%;font-size:23px;color:#7654d5;letter-spacing:0;transition:background .25s,color .25s}.catalog-feature:hover .feature-top span:last-child{background:#7654d5;color:#fff}.feature-body{margin:auto 0}.feature-kicker{color:#7654d5;font-size:10px;letter-spacing:.13em;font-weight:800}.feature-body h3{font-size:clamp(40px,3.8vw,60px);margin:22px 0}.feature-body p{color:#6c6877;font-size:14px;line-height:1.8;max-width:500px}.feature-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:24px}.feature-tags span{padding:6px 12px;border:1px solid #ddd9e2;border-radius:40px;font-size:10px;font-weight:700;color:#6d657a}.feature-bottom{display:flex;justify-content:space-between;gap:20px;align-items:center;border-top:1px solid #e9e6ec;padding-top:22px;font-size:10px;color:#8a8490}.feature-bottom strong{display:flex;align-items:center;gap:20px;color:#1b1930;font-size:11px;white-space:nowrap}.feature-bottom strong span{color:#7654d5;font-size:23px;font-weight:400}.catalog-note{display:flex;align-items:center;gap:18px;padding:28px 4px;border-bottom:1px solid #d9d3dd}.catalog-note-icon{display:grid;place-items:center;flex:0 0 auto;width:42px;height:42px;border-radius:13px;color:#7052d5;background:#e3daf5;font-size:24px}.catalog-note p{max-width:690px;color:#746f7b;font-size:12px;line-height:1.7}.catalog-note a{margin-left:auto;white-space:nowrap;font-size:11px;font-weight:800;color:#6846ce}.catalog-note a span{margin-left:10px}
.catalog-standard{background:#171526;color:#fff}.catalog-standard .section-heading>p{color:#aba6bd}.catalog-standard-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.catalog-standard-item{padding:28px 0 10px;border-top:1px solid #ffffff40}.catalog-standard-item>span{color:#b79afb;font-size:12px;font-weight:800}.catalog-standard-item h3{font-size:25px;margin:30px 0 16px}.catalog-standard-item p{font-size:12px;color:#aaa6bc;line-height:1.8;max-width:370px}
@keyframes catalog-float{0%,100%{transform:rotate(-10deg) translateY(0) translateZ(36px)}50%{transform:rotate(-8deg) translateY(-12px) translateZ(36px)}}
@media(max-width:1050px){.catalog-hero h1{font-size:clamp(49px,6vw,70px);white-space:normal}.catalog-stage{transform:scale(.84);transform-origin:center;height:510px}.catalog-feature{grid-template-columns:44% 56%}.feature-content{padding:27px}.feature-body h3{font-size:40px}.feature-bottom>span{display:none}}
@media(max-width:850px){.catalog-hero-layout{grid-template-columns:minmax(0,1fr);gap:0;padding:30px 0 15px}.catalog-hero h1{white-space:normal;font-size:clamp(50px,8vw,72px)}.catalog-stage{width:620px;max-width:100%;height:520px;transform:scale(.83);transform-origin:left top;margin-top:30px;margin-bottom:-80px}.catalog-feature{grid-template-columns:1fr}.feature-visual{min-height:390px}.feature-content{min-height:410px}.catalog-note{align-items:flex-start;flex-wrap:wrap}.catalog-note a{margin-left:60px}.catalog-standard-grid{gap:15px}}
@media(max-width:580px){.catalog-hero-layout{padding:22px 0 12px}.catalog-hero h1{font-size:clamp(43px,11.3vw,56px);line-height:1.08}.catalog-stage{width:600px;max-width:none;transform:scale(.59);height:360px;margin-top:27px;margin-bottom:-30px}.catalog-hero .hero-baseline{font-size:7px}.catalog-index-head{align-items:start;margin-bottom:30px}.catalog-index-head h2{font-size:40px}.catalog-counter{gap:7px}.catalog-counter strong{font-size:45px}.catalog-counter span{font-size:9px}.catalog-feature{border-radius:21px}.feature-visual{min-height:305px}.feature-mark{width:160px;height:160px;border-radius:28px}.feature-ring{top:12%;height:70%}.feature-bubble{font-size:7px;padding:7px 9px}.feature-number{font-size:70px}.feature-content{padding:24px;min-height:400px}.feature-body h3{font-size:38px;margin:15px 0}.feature-body p{font-size:12px}.feature-tags{margin-top:17px}.feature-bottom{padding-top:14px}.catalog-note{padding:24px 0;gap:14px}.catalog-note p{width:calc(100% - 58px)}.catalog-note a{margin-left:56px}.catalog-standard-grid{grid-template-columns:1fr;gap:25px}.catalog-standard-item h3{margin:17px 0 9px}}
@media(prefers-reduced-motion:reduce){.card-front{animation:none}.catalog-feature,.feature-mark,.feature-top span:last-child{transition:none}}