.marketing-demo-content [data-portal-theme=light]{--portal-bg:#ffffff!important;--portal-surface:#ffffff!important;--portal-surface-muted:#f7f8f6!important;--portal-border:#e9ece8!important;--portal-border-subtle:#eff1ee!important;background-color:#ffffff!important}.marketing-demo-content [data-portal-theme=light] :is(.portal-card-link,.portal-update-row,.rounded-xl.border,.rounded-2xl.border,input,[role=search]){background-color:#ffffff!important;border-color:#e9ece8!important}.marketing-demo-content [data-portal-theme=light] .portal-card-link:hover,.marketing-demo-content [data-portal-theme=light] .portal-update-row:hover{border-color:#ccd8cf!important;box-shadow:0 3px 12px rgb(36 94 75/.04)}@media (min-width:900px) and (pointer:fine){:root:has(.marketing-demo-content){font-size:14px}.marketing-demo-content .portal-layout{grid-template-columns:240px minmax(0,1fr)}.marketing-demo-content .portal-page-header h1{font-size:28px}}.demo-social{color:var(--foreground)}.demo-social>div:first-child{margin-bottom:28px}.demo-social h1{font-size:22px;letter-spacing:-.025em}.demo-social-platforms{flex-wrap:wrap;gap:6px;margin-bottom:18px;padding:5px;border:1px solid #e9ece8;border-radius:12px;background:var(--muted)}.demo-social-platforms button{display:inline-flex;flex:1;align-items:center;justify-content:center;gap:8px;padding:8px 12px;border-radius:8px;color:var(--muted-foreground);font-size:12px;white-space:nowrap}.demo-social-platforms button[aria-pressed=true]{background:var(--card);color:var(--primary);box-shadow:0 1px 4px rgb(20 40 30/.1)}.demo-social-platforms svg{width:15px;height:15px}.demo-social-posts>div{padding:26px;border-color:var(--border);border-radius:14px;box-shadow:0 5px 20px rgb(20 40 30/.035)}.demo-social-posts>div>div:first-child{border-bottom:1px solid var(--border);padding-bottom:18px;margin-bottom:22px}.demo-social-posts p{font-size:15px;line-height:1.85;color:var(--foreground)}.demo-social-posts button[title]{background:transparent;border-color:transparent}.demo-social-posts button[title]:hover{background:var(--muted)}@media (max-width:640px){.demo-social-posts>div{padding:18px}.demo-social-platforms button{flex:auto}}.marketing-demo-content [data-portal-theme=light] .portal-roadmap-column{background:#f7f8f6!important}.marketing-demo-content [data-portal-theme=light] .portal-roadmap-column article,.marketing-demo-content [data-portal-theme=light] .portal-roadmap-column>div:first-child{background:white!important;border-color:#e9ece8!important}@media (min-width:900px){.marketing-demo-content .grid:has(>.portal-roadmap-column){grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.marketing-demo-content .portal-module-nav{flex-wrap:wrap;overflow:visible}.marketing-demo-content .portal-module-link{flex:1 0 calc(50% - 2px)}}@media (min-width:641px) and (max-width:900px){.marketing-demo-content .portal-module-link{flex-basis:auto}}.demo-social-platforms{border-color:var(--border)}.demo-social{width:100%;max-width:none;padding:0}.demo-social>.demo-social-header:first-child{display:grid;grid-template-columns:240px minmax(0,1fr);margin-bottom:0}.demo-social-brand{display:flex;align-items:center;gap:10px;padding:24px 16px;border-right:1px solid var(--border);font-size:14px;font-weight:600}.demo-social-title{display:flex;align-items:center;gap:12px;padding:24px 32px;min-width:0}.demo-social-workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:520px}.demo-social-platforms{display:flex;flex-direction:column;flex-wrap:nowrap;justify-content:flex-start;margin:0;padding:12px;border:0;border-right:1px solid var(--border);border-radius:0;background:var(--background)}.demo-social-platforms button{flex:none;justify-content:flex-start;font-size:13px;border-radius:12px}.demo-social-platforms button[aria-pressed=true]{background:var(--muted);box-shadow:none}.demo-social-posts{min-width:0;padding:12px 32px 32px}@media (max-width:900px){.demo-social>.demo-social-header:first-child{grid-template-columns:1fr}.demo-social-brand{padding:20px 20px 0;border:0}.demo-social-title{padding:16px 20px}.demo-social-workspace{display:flex;flex-direction:column;min-height:0}.demo-social-platforms{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:0 16px 16px;border:0;border-bottom:1px solid var(--border)}.demo-social-platforms button{white-space:normal}.demo-social-posts{padding:20px}}.demo-social-posts>div{padding:0;overflow:hidden;border-radius:12px}.demo-social-posts>div>div:first-child{padding:10px 16px;margin:0;background:var(--muted)}.social-native-preview{padding:22px}.social-native-post{display:flex;gap:12px;position:relative}.social-native-avatar{width:40px;height:40px;flex:0 0 40px;border-radius:50%;overflow:hidden;background:#dce8e3;color:#245e4b;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600}.social-native-avatar>svg{border-radius:inherit}.social-native-main{min-width:0;flex:1}.social-native-profile{display:flex;align-items:flex-start;gap:8px;font-family:Arial,sans-serif;font-size:14px;line-height:20px}.social-native-profile strong{color:var(--foreground);font-weight:700}.social-native-handle,.social-native-meta,.social-native-more{color:var(--muted-foreground)}.social-native-more{margin-left:auto;flex-shrink:0}.social-native-meta{font-size:12px;line-height:16px}.social-native-meta svg{display:inline;vertical-align:-1px}.demo-social-posts .social-native-body{white-space:pre-wrap;margin-top:5px;font-family:Arial,sans-serif;font-size:15px;line-height:1.55}.social-native-actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:var(--muted-foreground)}.social-native-actions svg{width:17px;height:17px;flex-shrink:0}.social-native-actions span{display:flex;align-items:center;justify-content:center;gap:6px;font-family:Arial,sans-serif;font-size:12px;font-weight:600}.social-native-post+.social-native-post{margin-top:18px}.social-native-x .social-native-post:not(:last-child):before{content:"";position:absolute;width:2px;top:46px;bottom:-12px;left:19px;background:var(--border)}.social-native-linkedin .social-native-avatar{border-radius:2px;width:48px;height:48px;flex-basis:48px}.social-native-facebook .social-native-body,.social-native-linkedin .social-native-body{margin-left:-60px;margin-top:18px}.social-native-facebook .social-native-actions,.social-native-linkedin .social-native-actions{margin-left:-60px;border-top:1px solid var(--border);padding-top:14px}.social-native-facebook .social-native-actions,.social-native-facebook .social-native-body{margin-left:-52px}.demo-social-posts>div>.space-y-3{padding:20px}@media (max-width:640px){.social-native-preview{padding:16px}.social-native-actions{gap:8px}.social-native-actions span{flex-direction:column;font-size:11px;gap:4px}}.social-native-bluesky .social-native-avatar{width:42px;height:42px;flex-basis:42px}.social-native-bluesky .social-native-profile{font-family:system-ui,sans-serif;font-size:15px}.social-native-bluesky .social-native-body{font-family:system-ui,sans-serif;line-height:1.5}.social-native-bluesky .social-native-actions{color:var(--muted-foreground)}.social-native-threads .social-native-avatar{width:36px;height:36px;flex-basis:36px}.social-native-threads .social-native-profile{font-family:system-ui,sans-serif;font-size:15px}.social-native-threads .social-native-profile strong{font-weight:600}.social-native-threads .social-native-handle{margin-left:8px;font-size:14px}.social-native-threads .social-native-body{font-family:system-ui,sans-serif;line-height:1.6}.social-native-threads .social-native-actions{justify-content:flex-start;gap:24px;color:var(--foreground);margin-top:14px}.social-native-threads .social-native-actions svg{width:20px;height:20px;stroke-width:1.7}.social-native-engagement{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:18px 0 0 -60px;color:var(--muted-foreground);font-family:Arial,sans-serif;font-size:12px}.social-native-facebook .social-native-engagement{margin-left:-52px}.social-native-reactions,.social-native-reactions>span{display:inline-flex;align-items:center}.social-native-reactions{gap:6px}.social-native-reactions svg{width:18px;height:18px;padding:3px;color:white;border:1px solid var(--background);border-radius:50%;background:#0a66c2}.social-native-reactions svg+svg{margin-left:-5px;background:#df4760}.social-native-engagement+.social-native-actions{margin-top:10px}.social-native-bluesky .social-native-actions span,.social-native-threads .social-native-actions span,.social-native-x .social-native-actions span{font-weight:400;font-size:12px}@media (max-width:640px){.social-native-engagement{font-size:11px;flex-wrap:wrap;gap:6px}.social-native-bluesky .social-native-actions,.social-native-x .social-native-actions{gap:6px;flex-wrap:wrap}.social-native-bluesky .social-native-actions span,.social-native-threads .social-native-actions span,.social-native-x .social-native-actions span{flex-direction:row;font-size:11px}.social-native-threads .social-native-actions{gap:12px;flex-wrap:wrap}}.demo-social-brand{display:block;padding:20px 12px 0;font-weight:inherit;font-size:inherit}.demo-social-title.portal-page-header{display:block;padding:24px 40px 6px}.demo-social-title.portal-page-header h1{font-size:28px;line-height:1.2;font-weight:600;letter-spacing:-.035em}.demo-social-platforms{padding:0 12px 16px;gap:5px}.demo-social-platforms .portal-sidebar-label{margin:28px 12px 10px}.demo-social-platforms button{gap:12px;color:var(--portal-text-muted);padding:10px 12px;min-height:40px;font-weight:500}.demo-social-platforms svg{width:20px;height:20px;flex-shrink:0}.demo-social-platforms button[aria-pressed=true]{background:var(--portal-accent-wash);color:var(--portal-accent);font-weight:600}.demo-social-posts{padding:20px 40px 32px}.demo-social-brand .portal-theme-button,.demo-social-brand .portal-utility-button{min-width:40px;min-height:40px;width:40px;height:40px}@media (max-width:900px){.demo-social-brand{padding:20px 20px 0}.demo-social-title.portal-page-header{padding:20px 20px 12px}.demo-social-title.portal-page-header h1{font-size:26px}.demo-social-platforms{padding:0 16px 16px}.demo-social-platforms .portal-sidebar-label{display:none}.demo-social-platforms button{gap:5px}.demo-social-platforms svg{width:16px;height:16px}.demo-social-posts{padding:20px}}@media (pointer:coarse){.demo-social-brand .portal-theme-button,.demo-social-brand .portal-utility-button{min-width:44px;min-height:44px;width:44px;height:44px}}.demo-social-brand,.demo-social-platforms{background:var(--card)}@media (min-width:901px){.demo-social-workspace{min-height:calc(100dvh - 64px)}.demo-social-platforms svg{width:1.25rem;height:1.25rem}}