.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); }
.feature-callout { display:flex; align-items:center; justify-content:space-between; gap:var(--rt-space-8); }.feature-callout .card-actions { flex:0 0 auto; margin-top:0; padding-top:0; }.faq-section { padding-top:var(--rt-space-8); }.faq-intro { max-width:720px; margin-bottom:var(--rt-space-8); }.faq-list { display:grid; grid-template-columns:repeat(2, minmax(0, 1fr)); gap:var(--rt-space-5); }.faq-item { padding:var(--rt-space-5); }.faq-item h2 { margin:0 0 var(--rt-space-3); font-size:var(--rt-text-lg); line-height:var(--rt-leading-tight); }.faq-item p { margin:0; color:var(--rt-color-muted); line-height:var(--rt-leading-relaxed); }.faq-item a { text-decoration:underline; }.faq-cta { display:flex; align-items:center; justify-content:space-between; gap:var(--rt-space-8); }.faq-cta .section-title { margin-bottom:var(--rt-space-2); }
.language-switch { display:inline-flex; align-items:center; gap:8px; white-space:nowrap; }
.language-switch a { color:var(--rt-color-muted); font-size:var(--rt-text-xs); font-weight:800; text-decoration:none; }
.language-switch a:hover { color:var(--rt-color-text); text-decoration:underline; }
.language-switch a[aria-current="page"] { color:#465bd9; text-decoration:underline; text-underline-offset:3px; }
.language-switch-separator { color:var(--rt-color-border); user-select:none; }
.language-switch-standalone { margin:var(--rt-space-5) 0 0; padding:0 var(--rt-space-6); justify-content:flex-end; }
@media (max-width: 820px) { .feature-callout, .faq-cta { align-items:flex-start; flex-direction:column; gap:var(--rt-space-5); }.faq-list { grid-template-columns:1fr; } }
@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; } }