.portal-body { background: radial-gradient(900px 540px at 8% 0%, rgba(92, 114, 255, .2), transparent 58%), radial-gradient(720px 500px at 92% 6%, rgba(48, 203, 168, .18), transparent 58%), linear-gradient(180deg, #f7f9ff, #f8fbfc); }
.eyebrow { margin: 0 0 10px; color: #465bd9; font-size: var(--rt-text-xs); font-weight: 800; letter-spacing: .14em; }
.portal-hero { padding-top: calc(var(--rt-space-16) + 16px); }
.portal-illustration { min-height: 330px; display: grid; place-items: center; background: linear-gradient(145deg, rgba(255,255,255,.9), rgba(232,239,255,.62)); border-style: solid; }
.portal-mark { z-index: 2; display:grid; place-items:center; width:112px; height:112px; border-radius:36px; color:#fff; font-size:56px; font-weight:900; background:linear-gradient(145deg,#5568ef,#29b9a4); box-shadow:0 24px 44px rgba(70,91,218,.3); }
.portal-orbit { position:absolute; border:1px solid rgba(74,91,208,.25); border-radius:50%; }.orbit-one { width:240px; height:240px; }.orbit-two { width:330px; height:330px; border-style:dashed; }
.portal-label { z-index:2; position:absolute; padding:8px 12px; border:1px solid rgba(67,85,188,.16); border-radius:999px; background:rgba(255,255,255,.88); box-shadow:var(--rt-shadow-sm); font-size:var(--rt-text-sm); font-weight:800; }.label-one { top:42px; left:42px; }.label-two { top:82px; right:42px; }.label-three { bottom:48px; right:68px; }
.product-grid { align-items:stretch; }.product-card { display:flex; flex-direction:column; min-height:300px; }.product-card-magic { border-top:4px solid #f4a62b; }.product-card-prompt { border-top:4px solid #5568ef; }.card-actions { display:flex; gap:10px; flex-wrap:wrap; margin-top:auto; padding-top:24px; }.section-compact { padding-top:var(--rt-space-8); }
@media (max-width: 720px) { .portal-illustration { min-height:270px; }.orbit-two { width:270px; height:270px; }.label-one { top:26px; left:22px; }.label-two { top:50px; right:18px; }.label-three { bottom:30px; right:34px; } }