.showcase-section{padding:72px 0 88px}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:32px;margin-bottom:28px}.section-intro h2{margin:0 0 8px;font-size:clamp(1.8rem,3vw,2.7rem)}.section-intro p{max-width:620px;margin:0}.micro-label{display:inline-flex;align-items:center;gap:8px;color:var(--cyan);font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.micro-label:before{content:"";width:22px;height:1px;background:currentColor}
.platform-showcase{display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:16px}.platform-card{min-height:190px;padding:24px;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;border:1px solid #244d6a;border-radius:18px;background:linear-gradient(145deg,rgba(13,37,59,.96),rgba(7,24,41,.94));box-shadow:inset 0 1px rgba(255,255,255,.04);transition:.22s ease}.platform-card:hover{transform:translateY(-4px);border-color:#3ccced;box-shadow:0 20px 42px #0005}.platform-card.featured{grid-row:span 2;min-height:396px;padding:30px;background:radial-gradient(circle at 85% 15%,rgba(36,207,255,.2),transparent 31%),linear-gradient(155deg,#113c5a,#081b30 62%)}.platform-card.featured:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(74,216,255,.14);border-radius:50%;right:-92px;bottom:-120px;box-shadow:0 0 0 34px rgba(74,216,255,.035),0 0 0 68px rgba(74,216,255,.025)}.platform-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:15px;color:#56e1ff;background:rgba(55,211,255,.1);border:1px solid rgba(75,220,255,.24)}.featured .platform-icon{width:72px;height:72px;border-radius:20px}.platform-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.featured .platform-icon svg{width:36px;height:36px}.platform-badge{position:absolute;right:20px;top:20px;padding:6px 10px;border-radius:999px;background:rgba(61,232,193,.1);border:1px solid rgba(61,232,193,.24);color:#67edc9;font-size:.69rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.platform-card h3{font-size:1.14rem;margin:18px 0 6px}.featured h3{font-size:1.65rem}.platform-card p{margin:0;color:var(--muted);font-size:.9rem;line-height:1.6}.platform-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:18px}.platform-meta span{padding:5px 8px;border-radius:7px;background:#0b2b44;color:#9bdcf1;font-size:.69rem;font-weight:750}.operation-strip{margin-top:22px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #244d6a;border-radius:18px;background:rgba(7,25,42,.82);overflow:hidden}.operation-item{padding:22px;border-right:1px solid #244d6a}.operation-item:last-child{border:0}.operation-item b{display:block;margin:7px 0 3px}.operation-item span{color:var(--muted);font-size:.8rem}
.integration-stage{display:grid;grid-template-columns:.85fr 1.4fr;gap:18px}.integration-hub{min-height:440px;padding:34px;position:relative;overflow:hidden;border:1px solid #27536f;border-radius:22px;background:radial-gradient(circle at 50% 38%,rgba(23,198,255,.19),transparent 24%),linear-gradient(150deg,rgba(13,41,64,.98),rgba(6,22,38,.96))}.hub-orbit{height:245px;position:relative;display:grid;place-items:center}.hub-core{width:108px;height:108px;display:grid;place-items:center;border-radius:28px;background:linear-gradient(145deg,#17c9ee,#2868fa);box-shadow:0 0 0 14px rgba(32,187,243,.08),0 25px 60px rgba(0,132,255,.3);font-size:1.75rem;font-weight:900}.orbit-ring{position:absolute;width:230px;height:230px;border:1px dashed rgba(103,215,255,.25);border-radius:50%;animation:orbit 26s linear infinite}.orbit-dot{position:absolute;width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:#0d304b;border:1px solid #2e6785;font-weight:900;color:#dff8ff;box-shadow:0 10px 24px #0005}.orbit-dot:nth-of-type(3){top:6px;left:50%;transform:translateX(-50%)}.orbit-dot:nth-of-type(4){right:3px;top:98px}.orbit-dot:nth-of-type(5){left:10px;top:98px}.orbit-dot:nth-of-type(6){bottom:3px;left:50%;transform:translateX(-50%)}@keyframes orbit{to{transform:rotate(360deg)}}.integration-hub h2{margin:20px 0 8px}.integration-hub p{margin:0;color:var(--muted)}.integration-catalog{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.integration-card{min-height:118px;padding:18px;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center;border:1px solid #244d6a;border-radius:16px;background:rgba(8,28,47,.91);transition:.2s ease}.integration-card:hover{border-color:#36cae9;background:#0c3551;transform:translateY(-2px)}.app-mark{width:46px;height:46px;display:grid;place-items:center;border-radius:13px;background:var(--app-bg,#123a5a);color:var(--app-color,#64ddf7);font-size:.86rem;font-weight:900;letter-spacing:-.02em}.integration-card h3{font-size:.94rem;margin:0 0 4px}.integration-card p{font-size:.76rem;line-height:1.45;margin:0;color:var(--muted)}.web-embed{margin-top:18px;padding:32px;display:grid;grid-template-columns:1.05fr 1fr;gap:35px;align-items:center;border:1px solid #285674;border-radius:20px;background:linear-gradient(120deg,rgba(14,47,72,.96),rgba(10,28,49,.95))}.browser-frame{padding:12px;border-radius:16px;background:#071927;border:1px solid #2b5b76;box-shadow:0 20px 50px #0005}.browser-bar{height:25px;display:flex;align-items:center;gap:5px;border-bottom:1px solid #183a50}.browser-bar i{width:7px;height:7px;border-radius:50%;background:#486377}.browser-screen{height:160px;display:grid;grid-template-columns:55px 1fr;gap:12px;padding:14px}.browser-nav{border-radius:7px;background:#0d304a}.browser-content{display:grid;gap:9px}.browser-content i{border-radius:7px;background:linear-gradient(90deg,#10435e,#14364f)}.embed-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.embed-points span{padding:7px 10px;border-radius:8px;background:rgba(49,204,242,.08);border:1px solid rgba(62,203,235,.18);color:#a9deec;font-size:.75rem}
.resource-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.resource-filters{display:flex;gap:8px;flex-wrap:wrap}.resource-filter{padding:8px 13px;border:1px solid #285571;border-radius:999px;color:#9cc8da;font-size:.78rem;font-weight:750}.resource-filter.active{background:#21c7ee;color:#041421;border-color:#21c7ee}.resource-feature{min-height:360px;position:relative;isolation:isolate;display:flex;align-items:end;padding:38px;border:1px solid #285772;border-radius:22px;overflow:hidden;background:url('../images/player-hardware.webp') center/cover;box-shadow:0 26px 60px #0005}
.resource-feature:before{content:"";position:absolute;z-index:0;inset:0;background:var(--photo-overlay);pointer-events:none}
.resource-feature-content{position:relative;z-index:1}.resource-feature-content{max-width:600px}.resource-kicker{display:inline-flex;padding:6px 9px;border-radius:7px;background:#21c7ee;color:#031522;font-size:.7rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.resource-feature h2{font-size:clamp(1.8rem,3.6vw,3rem);line-height:1.06;margin:15px 0 12px}.resource-feature p{font-size:1rem;color:#c2e1eb}.resource-feature .btn{margin-top:10px}.editorial-grid{margin-top:18px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-card{min-height:230px;padding:23px;display:flex;flex-direction:column;position:relative;overflow:hidden;border:1px solid #244e69;border-radius:18px;background:linear-gradient(150deg,rgba(12,37,58,.96),rgba(7,25,42,.96));transition:.22s ease}.resource-card:hover{transform:translateY(-4px);border-color:#3ac9e8}.resource-card:after{content:attr(data-index);position:absolute;right:14px;bottom:-16px;font-size:5rem;font-weight:900;color:rgba(109,209,235,.045)}.resource-card .tag{display:flex;align-items:center;justify-content:space-between}.resource-card .tag:after{content:"↗";width:30px;height:30px;display:grid;place-items:center;border-radius:50%;border:1px solid #2a5873;color:#9edff0;font-size:1rem}.resource-card h3{margin:28px 0 8px;font-size:1.06rem;line-height:1.35}.resource-card p{margin:0;color:var(--muted);font-size:.84rem;line-height:1.55}.resource-card .read-time{margin-top:auto;padding-top:22px;color:#77a8ba;font-size:.72rem;font-weight:700}.resource-card.integration-resource{background:radial-gradient(circle at 100% 0,rgba(90,100,255,.2),transparent 45%),linear-gradient(150deg,#10354f,#0a2038)}
@media(max-width:1000px){.platform-showcase{grid-template-columns:1fr 1fr}.platform-card.featured{grid-row:span 1;min-height:240px}.integration-stage{grid-template-columns:1fr}.integration-hub{min-height:auto}.hub-orbit{height:250px}.editorial-grid{grid-template-columns:1fr 1fr}.operation-strip{grid-template-columns:1fr 1fr}.operation-item:nth-child(2){border-right:0}.operation-item:nth-child(-n+2){border-bottom:1px solid #244d6a}}
@media(max-width:700px){.showcase-section{padding:52px 0 68px}.section-intro{display:block}.platform-showcase,.integration-catalog,.web-embed,.editorial-grid{grid-template-columns:1fr}.platform-card.featured{min-height:300px}.operation-strip{grid-template-columns:1fr}.operation-item{border-right:0;border-bottom:1px solid #244d6a}.resource-toolbar{align-items:flex-start;flex-direction:column}.resource-feature{min-height:430px;padding:26px}.web-embed{padding:22px}.browser-screen{height:130px}}
@media(prefers-reduced-motion:reduce){.orbit-ring{animation:none}.platform-card,.integration-card,.resource-card{transition:none}}
button.resource-filter{background:transparent;font-family:inherit;cursor:pointer}.resource-filter:not(.active):hover{border-color:#3ac9e8;color:#dff8ff}.resource-filter:focus-visible{outline:2px solid var(--cyan);outline-offset:2px}.resource-card[hidden]{display:none}.resource-card:after{pointer-events:none}.resource-card h3 a{color:inherit}.resource-card h3 a:after{content:"";position:absolute;inset:0;border-radius:inherit}.resource-card:focus-within{border-color:#3ac9e8}.resource-card h3 a:focus-visible{outline:none}
.app-mark svg{width:24px;height:24px;fill:currentColor}.orbit-dot svg{width:22px;height:22px;fill:currentColor}.hub-core svg{width:64px;height:53px;color:#fff;filter:drop-shadow(0 4px 10px rgba(0,40,90,.35))}