/* Structural rules migrated from the previous UI. Visual styling lives in sunset-soft-ui.css. */
:root { --bg:#090d16; --panel:rgba(15,23,42,.72); --panel-solid:#0f172a; --line:rgba(255,255,255,.1); --cyan:#06b6d4; --violet:#7c3aed; --gold:#d4af37; --gold2:#f59e0b; --text:#f8fafc; --secondary:#a6b3c7; --muted:#718096; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; font-family:"Vazirmatn",Tahoma,sans-serif; line-height:1.8; overflow-x:hidden; }
body:before { content:""; position:fixed; inset:0; z-index:-2; }
a { text-decoration:none; }
button,textarea { font:inherit; }
.skip-link { position:fixed; top:-60px; right:20px; z-index:100; padding:8px 14px; }
.skip-link:focus { top:12px; }
a:focus-visible,button:focus-visible,textarea:focus-visible,input:focus-visible,summary:focus-visible { outline-offset:4px; }
.landing-nav { position:fixed; z-index:30; top:18px; left:50%; transform:translateX(-50%); width:min(1180px,calc(100% - 32px)); height:66px; padding:0 15px; display:flex; align-items:center; gap:24px; }
.landing-brand { display:flex; align-items:center; gap:9px; font-size:18px; }
.landing-brand img { width:39px; height:39px; }
.landing-nav nav { display:flex; gap:5px; margin:auto; }
.landing-nav nav a,.login-link { padding:8px 12px; font-size:12px; }
.nav-actions { display:flex; align-items:center; gap:5px; }
.nav-cta,.composer-submit,.final-cta>a { font-weight:800; }
.nav-cta { padding:9px 16px; font-size:11px; }
.hero { position:relative; min-height:920px; padding:170px max(24px,calc((100vw - 1120px)/2)) 80px; isolation:isolate; }
.hero:before { content:""; position:absolute; inset:0; z-index:-2; }
.hero-ribbons { position:absolute; z-index:-1; top:100px; left:-10%; width:65%; height:590px; opacity:.58; pointer-events:none; }
.hero-ribbons i { position:absolute; inset:15% 8%; transform:rotate(-20deg); }
.hero-ribbons i:nth-child(2) { inset:27% 18% 0 -4%; transform:rotate(18deg); }
.hero-ribbons i:nth-child(3) { inset:4% -12% 34% 26%; transform:rotate(-45deg); }
.hero-copy { width:min(680px,100%); margin-right:auto; text-align:right; }
.hero-kicker { display:inline-flex; align-items:center; gap:8px; font-size:12px; padding:6px 10px; }
.hero-kicker b { width:6px; height:6px; }
.hero h1 { font-size:clamp(42px,6.2vw,78px); line-height:1.35; letter-spacing:0; margin:19px 0 17px; }
.hero h1 em { font-style:normal; -webkit-background-clip:text; }
.hero-copy>p { font-size:16px; max-width:630px; margin:0; line-height:2.1; }
.instant-composer { width:min(820px,100%); margin:58px auto 0; padding:22px; }
.composer-head { display:flex; align-items:center; gap:11px; padding-bottom:16px; }
.composer-head>div { display:flex; flex-direction:column; }
.composer-head small { font-size:9px; }
.composer-icon { width:36px; height:36px; display:grid; place-items:center; font-size:22px; }
.secure-state { margin-right:auto; font-size:10px; padding:5px 8px; }
.request-input { display:block; margin:18px 0; }
.request-input>span,fieldset legend { display:block; font-weight:700; font-size:11px; margin-bottom:7px; }
.request-input textarea { display:block; width:100%; min-height:112px; resize:vertical; padding:15px; line-height:1.9; }
.request-input small { display:block; text-align:left; font-size:9px; margin-top:4px; }
.instant-composer fieldset { padding:0; margin:15px 0; }
.choice-row { display:flex; flex-wrap:wrap; gap:6px; }
.choice-row button { padding:7px 10px; font-size:10px; cursor:pointer; }
.privacy-options { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; }
.privacy-options input { position:absolute; opacity:0; }
.privacy-options span { display:block; padding:10px 12px; cursor:pointer; }
.privacy-options b,.privacy-options small { display:block; }
.privacy-options b { font-size:10px; }
.privacy-options small { font-size:8px; }
.composer-submit { width:100%; height:52px; display:flex; align-items:center; justify-content:center; gap:13px; cursor:pointer; font-size:13px; }
.composer-submit:hover,.final-cta>a:hover,.nav-cta:hover { transform:translateY(-1px); }
.composer-submit b { font-size:21px; }
.composer-note { text-align:center; font-size:9px; margin:8px 0 0; }
.trust-strip { width:min(820px,100%); margin:18px auto 0; display:grid; grid-template-columns:repeat(4,1fr); }
.trust-strip span { text-align:center; font-size:9px; padding:11px; }
.trust-strip span:before { content:"✓"; margin-left:6px; }
.section { width:min(1120px,calc(100% - 40px)); margin:0 auto; padding:110px 0; }
.section-heading { max-width:620px; margin-bottom:38px; }
.section-heading>span,.demo-copy>span { font-size:10px; font-weight:700; }
.section-heading h2,.demo-copy h2 { font-size:clamp(28px,4vw,42px); line-height:1.55; margin:7px 0; }
.section-heading p,.demo-copy p { margin:0; }
.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.steps article,.security-grid article { position:relative; min-height:270px; padding:26px; overflow:hidden; }
.steps article:hover { transform:translateY(-4px); }
.steps article>b { position:absolute; left:20px; top:16px; font-size:40px; }
.step-icon { display:grid; place-items:center; width:43px; height:43px; }
.steps h3 { margin:54px 0 6px; }
.steps p,.security-grid p { font-size:12px; }
.live-demo { display:grid; grid-template-columns:330px 1fr; gap:65px; align-items:center; }
.demo-tabs { display:flex; flex-direction:column; margin-top:28px; }
.demo-tabs button { text-align:right; padding:13px; cursor:pointer; }
.demo-window { overflow:hidden; }
.demo-bar { height:48px; display:flex; align-items:center; padding:0 16px; gap:9px; font-size:10px; }
.demo-bar i { width:8px; height:8px; }
.demo-bar b { margin-right:auto; font-size:8px; }
.demo-request { margin:18px; padding:18px; }
.demo-request h3 { margin:5px 0 15px; }
.demo-request div { display:flex; gap:6px; }
.demo-request div span { font-size:8px; padding:4px 7px; }
.offer-stack { padding:0 18px 18px; display:flex; flex-direction:column; gap:8px; }
.offer-stack article { display:flex; align-items:flex-start; gap:11px; padding:14px; }
.offer-stack article>span { width:35px; height:35px; display:grid; place-items:center; flex:0 0 auto; }
.offer-stack article>div { flex:1; }
.offer-stack strong,.offer-stack small { display:block; }
.offer-stack small { font-size:8px; }
.offer-stack p { font-size:10px; margin:5px 0 0; }
.offer-stack article>b { font-size:10px; }
.security-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.security-grid .wide { grid-column:span 2; min-height:320px; }
.security-grid article>span { font-size:8px; }
.security-grid h3 { font-size:20px; margin:60px 0 8px; }
.security-grid .wide h3 { font-size:29px; max-width:560px; }
.security-grid .wide p { max-width:600px; }
.privacy-visual { position:absolute; left:40px; top:58px; width:220px; height:170px; display:grid; place-items:center; }
.privacy-visual i { position:absolute; inset:20px; }
.privacy-visual i:nth-child(2) { inset:45px; }
.privacy-visual b { font-size:9px; }
.metric strong { position:absolute; left:42px; top:40px; font-size:75px; }
.faq { display:grid; grid-template-columns:330px 1fr; gap:70px; }
summary { list-style:none; cursor:pointer; padding:19px 3px; display:flex; justify-content:space-between; font-weight:700; font-size:13px; }
summary::-webkit-details-marker { display:none; }
summary b { font-size:18px; }
details[open] summary b { transform:rotate(45deg); }
details p { font-size:11px; margin:0; padding:0 3px 18px; }
.final-cta { width:min(1120px,calc(100% - 40px)); margin:50px auto 100px; min-height:220px; padding:34px; display:flex; align-items:center; gap:23px; }
.final-cta img { width:86px; height:86px; }
.final-cta span { font-size:10px; }
.final-cta h2 { font-size:26px; margin:4px 0; }
.final-cta>a { margin-right:auto; padding:13px 18px; font-size:11px; }
footer { padding:35px max(24px,calc((100vw - 1120px)/2)); display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:35px; }
.footer-brand { display:flex; align-items:center; gap:10px; }
.footer-brand img { width:42px; height:42px; }
.footer-brand strong,.footer-brand small { display:block; }
.footer-brand small { font-size:8px; }
footer nav { display:flex; gap:17px; font-size:9px; }
.enamad { padding:8px; font-size:8px; }
footer>p { grid-column:1/-1; padding-top:14px; font-size:8px; }
.mobile-sticky-cta { display:none; }
@media (prefers-reduced-motion:reduce) {
* { scroll-behavior:auto!important; }
}
@media (max-width:820px) {
.landing-nav { top:0; width:100%; height:60px; }
.landing-nav nav,.login-link { display:none; }
.nav-actions { margin-right:auto; }
.nav-cta { padding:8px 12px; }
.hero { padding:125px 16px 55px; min-height:auto; }
.hero-ribbons { width:100%; left:-45%; top:65px; opacity:.35; }
.hero h1 { font-size:39px; }
.hero-copy>p { font-size:13px; }
.instant-composer { margin-top:35px; padding:15px; }
.composer-head { align-items:flex-start; }
.secure-state { font-size:8px; }
.privacy-options { grid-template-columns:1fr; }
.trust-strip { grid-template-columns:1fr 1fr; }
.section { width:calc(100% - 28px); padding:72px 0; }
.steps { grid-template-columns:1fr; }
.steps article { min-height:230px; }
.live-demo,.faq { grid-template-columns:1fr; gap:28px; }
.demo-window { margin-inline:-3px; }
.security-grid { grid-template-columns:1fr; }
.security-grid .wide { grid-column:auto; min-height:360px; }
.privacy-visual { position:relative; left:auto; top:auto; margin:35px auto 0; width:190px; }
.metric strong { font-size:54px; }
.final-cta { width:calc(100% - 28px); margin-bottom:80px; padding:24px; flex-wrap:wrap; }
.final-cta img { width:58px; height:58px; }
.final-cta h2 { font-size:20px; }
.final-cta>a { width:100%; text-align:center; margin:0; }
footer { grid-template-columns:1fr; padding:28px 18px 90px; }
footer nav { flex-wrap:wrap; }
.enamad { justify-self:start; }
footer>p { grid-column:auto; }
.mobile-sticky-cta { display:block; position:fixed; z-index:25; bottom:10px; left:12px; right:12px; text-align:center; padding:12px; font-weight:800; font-size:11px; }
}
:root { --bg-base:#0a0e1a; --bg-surface:#111726; --bg-raised:#182034; --primary:#22d3ee; --primary-hover:#06b6d4; --primary-gradient:linear-gradient(135deg,#06b6d4,#7c3aed); --accent-private:#8b5cf6; --accent-private-bg:rgba(139,92,246,.12); --accent-private-border:rgba(139,92,246,.3); --gold:#d4af37; --success:#34d399; --warning:#fbbf24; --danger:#f87171; --info:#38bdf8; --text-primary:#f1f5f9; --text-secondary:#94a3b8; --text-muted:#64748b; --border-subtle:rgba(148,163,184,.1); --border-strong:rgba(148,163,184,.18); --shadow-elevation:0 8px 32px rgba(0,0,0,.4); --focus-ring:0 0 0 3px rgba(34,211,238,.25); --category-cyan:#22d3ee; --category-violet:#8b5cf6; --category-amber:#f59e0b; --category-rose:#fb7185; }
html { scrollbar-color:var(--bg-raised) var(--bg-base); }
body { letter-spacing:0!important; }
body:before { content:""; position:fixed; inset:0; z-index:-2; pointer-events:none; }
* { scrollbar-color:var(--bg-raised) var(--bg-base); }
*::-webkit-scrollbar { width:8px; height:8px; }
button,input,textarea,select { font:inherit; }
.create-primary:hover,.publish-button:hover,.offer-button:not(:disabled):hover,.relation-button.primary:hover,.accept-offer:hover,.auth-submit:hover,.nav-cta:hover { transform:none!important; }
.post { --type:var(--category-cyan)!important; }
.post:nth-child(4n/**/+2) { --type:var(--category-violet)!important; }
.post:nth-child(4n/**/+3) { --type:var(--category-amber)!important; }
.post:nth-child(4n) { --type:var(--category-rose)!important; }
.person { min-height:54px; height:auto!important; padding:8px!important; gap:9px; }
.person .avatar { flex:0 0 36px; }
.person>div { min-width:0; flex:1; }
.person strong,.person>div>span { display:block; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.person .online { flex:0 0 8px; width:8px; height:8px; }
.profile-button .profile-name { max-width:130px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
@media (max-width:760px) {
body { padding-bottom:76px!important; }
.topbar { height:58px!important; padding:7px 12px!important; position:sticky!important; top:0; }
.topbar .brand>span:last-child,.topbar .global-search,.topbar .main-nav,.profile-button .profile-name,.profile-button>svg { display:none!important; }
.topbar .profile-button { margin-right:auto; width:38px!important; padding:0!important; }
.app-shell { display:block!important; width:100%!important; padding:12px 10px 90px!important; }
.right-rail,.left-rail { display:none!important; }
.content { width:100%!important; max-width:none!important; min-width:0!important; }
.feed-head,.page-title { align-items:flex-start!important; gap:10px; }
.feed-head h1,.page-title h1 { font-size:20px!important; }
.feed-head p,.page-title p { font-size:11px!important; line-height:1.8; }
.sort-control { max-width:122px; }
.quick-compose { min-height:58px; padding:9px!important; }
.post { width:100%; overflow:hidden; }
.post-top { grid-template-columns:auto minmax(0,1fr) auto!important; }
.post-content h3 { font-size:15px!important; line-height:1.8; }
.post-meta { display:flex!important; flex-wrap:wrap!important; }
.post-actions { gap:6px!important; flex-wrap:wrap; }
.offer-button { min-width:0!important; max-width:100%; }
.app-dock { height:68px!important; inset:auto 0 0!important; padding:5px max(8px,env(safe-area-inset-right)) calc(5px + env(safe-area-inset-bottom))!important; }
.app-dock>button { min-width:0!important; font-size:9px!important; }
.app-dock svg { width:20px!important; }
.modal-backdrop { padding:0!important; align-items:flex-end!important; }
.modal { width:100%!important; max-height:92dvh!important; }
.modal-head { position:sticky; top:0; z-index:3; }
.messenger { height:calc(100dvh - 150px)!important; }
.chat-list,.chat-panel { width:100%!important; }
.people-tabs { overflow-x:auto; }
.people-tabs button { white-space:nowrap; }
.social-card-pro { min-width:0; }
.profile-pro-identity { align-items:center!important; }
.settings-form section { padding-inline:14px!important; }
.settings-actions { padding-bottom:calc(14px + env(safe-area-inset-bottom))!important; }
}
@media (max-width:940px) and (orientation:landscape) {
body { padding-bottom:58px!important; }
.topbar { height:50px!important; }
.app-shell { padding-top:8px!important; padding-bottom:66px!important; }
.app-dock { height:54px!important; }
.app-dock>button span { display:none!important; }
.app-dock>button { height:42px!important; }
.feed-head,.page-title { margin-bottom:8px!important; }
.quick-compose { margin-bottom:8px!important; }
.messenger { height:calc(100dvh - 116px)!important; min-height:260px!important; }
.modal { max-height:96dvh!important; }
.profile-pro-cover { height:88px!important; }
}
@media (max-width:940px) {
.landing-nav { inset:8px 10px auto!important; height:58px!important; padding:7px 10px!important; }
.landing-nav nav { display:none!important; }
.landing-brand strong { font-size:15px!important; }
.nav-actions { gap:5px!important; }
.nav-actions a { height:38px!important; padding-inline:10px!important; font-size:10px!important; }
.hero { padding:92px 14px 42px!important; grid-template-columns:1fr!important; min-height:auto!important; }
.hero-copy { max-width:680px!important; }
.hero h1 { font-size:clamp(32px,9vw,56px)!important; }
.hero-copy p { font-size:13px!important; }
.instant-composer { width:100%!important; padding:16px!important; }
.composer-head { display:grid!important; grid-template-columns:auto 1fr!important; }
.secure-state { grid-column:1/-1; width:max-content!important; }
.choice-row,.privacy-options { overflow-x:auto!important; display:flex!important; padding-bottom:4px; }
.choice-row button,.privacy-options label { flex:0 0 auto!important; white-space:nowrap; }
.trust-strip { overflow-x:auto!important; justify-content:flex-start!important; }
.trust-strip span { flex:0 0 auto; }
.section { padding-inline:14px!important; }
.steps,.security-grid { grid-template-columns:1fr!important; }
.live-demo { grid-template-columns:1fr!important; }
.final-cta { margin-inline:14px!important; padding:18px!important; grid-template-columns:auto 1fr!important; }
.final-cta a { grid-column:1/-1!important; width:100%!important; }
footer { padding-inline:14px!important; }
.mobile-sticky-cta { display:flex!important; }
}
@media (max-width:940px) and (orientation:landscape) {
.landing-nav { height:50px!important; }
.hero { padding-top:72px!important; grid-template-columns:minmax(0,.85fr) minmax(360px,1.15fr)!important; gap:18px!important; align-items:start!important; }
.hero h1 { font-size:clamp(29px,5vw,44px)!important; line-height:1.3!important; }
.hero-copy p { font-size:11px!important; line-height:1.8!important; }
.instant-composer { padding:12px!important; }
.composer-head { margin-bottom:8px!important; }
.request-input textarea { min-height:62px!important; }
.instant-composer fieldset { margin-top:8px!important; }
.composer-submit { min-height:44px!important; }
.trust-strip { grid-column:1/-1!important; }
.mobile-sticky-cta { display:none!important; }
.section { padding-block:46px!important; }
}
@media (prefers-reduced-motion:reduce) {
*,*:before,*:after { scroll-behavior:auto!important; }
}
@media (min-width: 941px) {
html:has(body[data-view]), body[data-view] { height: 100%; overflow: hidden; }
body[data-view] .topbar { position: relative !important; top: auto !important; height: 64px !important; }
body[data-view] .app-shell { width: min(1560px, calc(100% - 28px)) !important; max-width: none !important; height: calc(100dvh - 64px) !important; min-height: 0 !important; grid-template-columns: 238px minmax(560px, 1fr) 238px !important; gap: 16px !important; padding: 16px 0 12px !important; overflow: hidden; }
body[data-view] .right-rail,
  body[data-view] .left-rail { position: static !important; top: auto !important; max-height: 100%; overflow: auto; scrollbar-width: thin; }
body[data-view] .app-shell > .content { min-height: 0 !important; height: 100%; overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; padding-inline: 5px; }
body[data-view] #feedView:not(.hidden) { display: grid !important; grid-template-rows: auto auto auto minmax(0, 1fr); overflow: visible !important; }
body[data-view] #feedView > #feed { min-height: 0; overflow-y: auto; overscroll-behavior: contain; padding: 12px 12px 22px; margin-inline: -12px; scrollbar-width: thin; }
body[data-view] .feed-head-clean { margin-top: 0 !important; }
body[data-view] .side-section { margin-top: 16px !important; }
body[data-view] .left-rail footer { margin-top: 14px !important; }
}
.moderation-state { display: inline-flex; align-items: center; gap: 6px; width: max-content; margin: 12px 52px 0 0; padding: 6px 10px; font-size: 10px; font-weight: 700; }
.moderation-state:before { content: ""; width: 7px; height: 7px; }
.moderation-reason { margin: 7px 52px 0 0; font-size: 10px; }
@media (max-width: 940px) {
html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
body[data-view] { height: auto; overflow-y: auto; }
body[data-view] .app-shell,
  body[data-view] .app-shell > .content { height: auto !important; min-height: 0 !important; overflow: visible !important; }
.moderation-state, .moderation-reason { margin-right: 0; }
.landing-nav { width: auto !important; right: 10px !important; left: 10px !important; }
.hero { width: 100% !important; overflow: hidden; }
.hero-copy { width: 100%; text-align: center; }
.hero h1 { overflow-wrap: anywhere; }
.instant-composer { max-width: 680px !important; margin-inline: auto !important; }
.hero-ribbons { inset-inline: -30% !important; width: 160% !important; opacity: .22 !important; }
}
@media (max-width: 620px) {
.landing-nav { height: 54px !important; padding: 6px 8px !important; }
.landing-brand img { width: 34px !important; height: 34px !important; }
.landing-brand strong { font-size: 13px !important; }
.nav-actions .nav-cta { padding-inline: 9px !important; font-size: 9px !important; }
.hero { display: block !important; padding: 78px 10px 80px !important; }
.hero-kicker { font-size: 8px !important; }
.hero h1 { font-size: clamp(31px, 11vw, 44px) !important; line-height: 1.35 !important; margin-top: 18px !important; }
.hero-copy > p { max-width: 34rem; margin-inline: auto; font-size: 11px !important; line-height: 2 !important; }
.instant-composer { margin-top: 24px !important; padding: 12px !important; }
.composer-head h2 { font-size: 14px !important; }
.request-input textarea { min-height: 86px !important; font-size: 12px !important; }
.choice-row, .privacy-options { margin-inline: -2px; }
.trust-strip { display: grid !important; grid-template-columns: 1fr !important; overflow: visible !important; }
.trust-strip span { width: 100%; justify-content: flex-start; }
.section { width: calc(100% - 20px) !important; padding: 52px 0 !important; }
.final-cta { margin-inline: 10px !important; }
}
@media (max-width: 940px) and (orientation: landscape) {
.hero { display: block !important; padding: 68px 14px 54px !important; }
.hero-copy { max-width: 720px !important; margin-inline: auto; }
.hero h1 { font-size: clamp(28px, 6vw, 42px) !important; }
.instant-composer { max-width: 720px !important; margin: 18px auto 0 !important; }
.trust-strip { margin-top: 8px !important; }
}
.app-dock { grid-template-columns: repeat(7, minmax(0, 1fr)) !important; width: min(700px, calc(100vw - 32px)); }
.request-card { --type: var(--category-color, #22d3ee) !important; }
.category-explorer { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.category-tile { min-height: 142px; padding: 18px; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; text-align: right; }
.category-tile:hover { transform: translateY(-2px); }
.category-tile svg { width: 27px; height: 27px; }
.category-tile strong { font-size: 14px; }
.category-tile span { font-size: 10px; }
@media (max-width: 760px) {
.app-dock { width: 100% !important; }
.app-dock > button { font-size: 8px !important; }
.category-explorer { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.category-tile { min-height: 116px; padding: 14px; }
}
@media (max-width: 360px) {
.app-dock > button { font-size: 0 !important; }
.app-dock > button span { display: none !important; }
}
:root { --mx-blue:#2858e8; --mx-cyan:#06b6d4; --mx-violet:#7c5ce2; --mx-rose:#ec4f80; --mx-yellow:#f6c445; --mx-ink:#172033; --mx-body:#475467; --mx-muted:#667085; --mx-line:rgba(58,76,112,.14); --mx-shadow:0 18px 55px rgba(41,60,104,.12); }
html { scrollbar-width:none; }
* { scrollbar-width:none; }
*::-webkit-scrollbar { width:0; height:0; display:none; }
body,body[data-view],body:not([data-view]) { isolation:isolate; }
.sunset-cloud-layer { --cloud-opacity:.42; position:fixed; z-index:-1; top:-10%; right:-18%; width:142%; height:76%; pointer-events:none; background:url("assets/sunset-clouds-layer.optimized.png") center top/cover no-repeat; opacity:var(--cloud-opacity); filter:saturate(.92); -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 58%,rgba(0,0,0,.7) 72%,transparent 100%); mask-image:linear-gradient(to bottom,transparent 0,#000 12%,#000 58%,rgba(0,0,0,.7) 72%,transparent 100%); transform:translate3d(6%,0,0); animation:mx-cloud-drift 78s linear infinite; will-change:transform,opacity; }
body:before { z-index:-1!important; transform:scale(1.045); }
body:not([data-view]) { min-height:100%; overflow-y:auto!important; }
html:not(:has(body[data-view])) { height:auto!important; overflow-y:auto!important; }
body[data-view] .app-shell:before { content:""; position:fixed; z-index:-1; inset:64px 0 0; pointer-events:none; }
body:not([data-view]):after { content:""; position:fixed; z-index:-2; inset:52% -8% -12%; pointer-events:none; mask-image:linear-gradient(to bottom,transparent,#000 28%,#000); }
body[data-view] .app-shell:after { content:""; position:fixed; z-index:-1; right:-8%; left:-8%; bottom:-12%; height:48%; pointer-events:none; mask-image:linear-gradient(to bottom,transparent,#000 30%); }
@keyframes mx-sunset{0%{transform:scale(1.045) translate3d(0,0,0);filter:saturate(.94) brightness(1.02)}100%{transform:scale(1.11) translate3d(-2.4%,1.1%,0);filter:saturate(1.1) brightness(.98)}}
@keyframes mx-tide{to{transform:translate3d(4%,-14px,0);opacity:.7}}
@keyframes mx-lines{to{transform:translate3d(-28px,16px,0) scale(1.035)}}
@keyframes mx-cloud-drift{0%{transform:translate3d(6%,0,0) scale(1.02);opacity:0}7%{opacity:var(--cloud-opacity)}93%{opacity:var(--cloud-opacity)}100%{transform:translate3d(-15%,1.5%,0) scale(1.07);opacity:0}}
.create-primary:hover,.publish-button:hover,.quick-submit:hover,.composer-submit:hover,.offer-button:not(:disabled):hover,.relation-button.primary:hover { transform:translateY(-2px)!important; }
.save-button:hover,.save-button.saved { transform:translateY(-1px); }
.more-button { width:34px; height:34px; display:grid!important; place-items:center; }
.more-button:hover { transform:translateY(-1px); }
.post-menu { padding:7px!important; }
.feed-head-clean,.page-title { position:relative; }
.request-card:hover { transform:translateY(-4px) rotate(.12deg)!important; }
.category-tile:hover,.social-card-pro:hover { transform:translateY(-4px)!important; }
.category-button:hover,.filter-chip:hover,.composer-pill:hover,.privacy-pill:hover { transform:translateX(-3px); }
.category-button span:last-child { min-width:25px; padding:2px 6px; text-align:center; }
.chat-empty { width:100%; height:100%; display:grid!important; place-content:center; text-align:center; }
.chat-empty svg { padding:12px; width:62px!important; height:62px!important; }
.bubble small { opacity:.74; }
.profile-pro { overflow:hidden!important; }
.profile-pro-cover { height:180px!important; }
@keyframes mx-profile{to{transform:translateX(-70px)}}
.profile-pro-main { padding:0 28px 28px!important; }
.profile-pro-identity { position:relative!important; min-height:112px!important; margin-top:-48px!important; padding-top:62px!important; display:flex!important; align-items:center!important; gap:14px!important; }
.profile-pro-avatar { position:absolute!important; right:0!important; top:0!important; }
.profile-pro-identity>div { padding:0!important; margin-right:108px!important; min-width:0!important; }
.edit-profile-button { margin:0 auto 0 0!important; }
.profile-pro-stats { overflow:hidden; }
.profile-requests-section { margin-top:20px; padding:20px; }
.profile-requests-head { display:flex; align-items:center; justify-content:space-between; margin-bottom:14px; }
.profile-requests-head span { font-size:9px; font-weight:800; }
.profile-requests-head h2 { font-size:18px; margin:2px 0 0; }
.profile-requests-head>b { min-width:34px; height:34px; padding:0 9px; display:grid; place-items:center; }
.profile-request-grid { display:grid!important; grid-template-columns:1fr!important; gap:10px!important; margin:0!important; }
.profile-request-grid .profile-request-card { width:100%; min-width:0; min-height:104px; padding:14px; display:grid!important; grid-template-columns:46px minmax(0,1fr) auto 20px; align-items:center; gap:12px; text-align:right; }
.profile-request-card:hover { transform:translateY(-2px)!important; }
.profile-request-icon { width:44px; height:44px; display:grid; place-items:center; }
.profile-request-icon svg { width:20px; }
.profile-request-copy { min-width:0; }
.profile-request-copy strong,.profile-request-copy small,.profile-request-copy em { display:block; }
.profile-request-copy strong { font-size:13px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.profile-request-copy small { margin-top:4px; font-size:10px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.profile-request-copy em { margin-top:7px; font-size:9px; font-style:normal; }
.profile-request-status { padding:5px 8px; font-size:8px; white-space:nowrap; }
.profile-request-arrow { width:16px; }
.profile-requests-empty { padding:32px; display:grid; place-items:center; gap:9px; }
.profile-requests-empty button { padding:9px 13px; }
.section { position:relative; }
.section:before { content:""; position:absolute; right:-7vw; top:72px; width:72px; height:8px; opacity:.7; }
.workflow .steps { position:relative!important; direction:rtl!important; grid-template-columns:repeat(3,minmax(0,1fr))!important; gap:16px!important; padding-top:42px!important; }
.workflow-connectors { position:absolute; z-index:0; top:0; right:0; width:100%; height:42px; overflow:visible; }
.workflow-connectors path { fill:none; stroke:url(#connectorGradient); stroke-width:2; stroke-linecap:round; }
.workflow-connectors circle { fill:#fff; stroke:var(--mx-cyan); stroke-width:2; }
.workflow-connectors-mobile { display:none; }
.workflow .steps article { z-index:1; min-height:190px!important; padding:22px!important; }
.workflow .steps h3 { margin:22px 0 6px!important; }
.step-number { display:inline-flex; min-width:48px; height:30px; align-items:center; justify-content:center; font-weight:800; font-size:10px; }
.section.workflow { padding-bottom:48px!important; }
.section.workflow+.live-demo { padding-top:58px!important; }
.steps article:hover { transform:translateY(-7px) rotate(.2deg)!important; }
.avatar-presets span { border-color:#fff!important; box-shadow:0 5px 14px rgba(41,60,104,.11); }
.avatar-presets input:checked+span { border-color:var(--mx-cyan)!important; box-shadow:0 0 0 3px rgba(6,182,212,.17)!important; }
.cover-presets span { border-radius:10px!important; }
.cover-presets input:checked+span { border-color:var(--mx-violet)!important; box-shadow:0 0 0 3px rgba(124,92,226,.14)!important; }
.cover-presets b { color:#fff!important; background:rgba(23,32,51,.72)!important; }
.chat-unread { display:grid; place-items:center; min-width:22px; height:22px; padding:0 6px; font-size:11px; }
.right-rail .side-section,.left-rail .side-section,.left-rail .notice { padding:16px!important; }
.right-rail .side-section { margin-top:16px!important; }
.left-rail .side-section { margin-top:14px!important; }
.left-rail .notice { margin:0!important; }
.person { padding:10px 6px!important; }
@media (max-width:760px) {
.sunset-cloud-layer { --cloud-opacity:.32; top:-3%; right:-28%; width:170%; height:58%; }
.profile-pro-cover { height:138px!important; }
.profile-pro-main { padding-inline:16px!important; }
.profile-pro-identity { margin-top:-38px!important; padding-top:50px!important; min-height:150px!important; align-items:flex-start!important; flex-wrap:wrap!important; }
.profile-pro-avatar { width:76px!important; height:76px!important; }
.profile-pro-identity>div { margin-right:88px!important; padding-top:2px!important; max-width:calc(100% - 88px)!important; }
.edit-profile-button { width:100%!important; margin:10px 0 0!important; justify-content:center!important; font-size:11px!important; }
.profile-pro-stats>* { padding-inline:4px!important; }
.profile-requests-section { padding:14px; }
.profile-request-card { grid-template-columns:40px minmax(0,1fr) 18px; min-height:94px; padding:11px; gap:9px; }
.profile-request-icon { width:38px; height:38px; }
.profile-request-status { grid-column:2; justify-self:start; }
.profile-request-copy small { max-width:100%; }
.profile-request-arrow { grid-column:3; grid-row:1/3; }
.workflow .steps { grid-template-columns:1fr!important; padding:0 28px 0 0!important; gap:11px!important; }
.workflow-connectors { display:none; }
.workflow-connectors-mobile { display:block; position:absolute; right:0; top:8px; width:24px; height:calc(100% - 16px); overflow:visible; }
.workflow-connectors-mobile path { fill:none; stroke:url(#connectorGradientMobile); stroke-width:2; }
.workflow-connectors-mobile circle { fill:#fff; stroke:var(--mx-violet); stroke-width:2; }
.workflow .steps article { min-height:154px!important; padding:18px!important; }
.workflow .steps h3 { margin:16px 0 4px!important; }
.section:before { right:0; width:45px; height:5px; }
}
@media (prefers-reduced-motion:reduce) {
.sunset-cloud-layer,body:before,body:not([data-view]):after,body[data-view] .app-shell:before,body[data-view] .app-shell:after,.profile-pro-cover:before { animation:none!important; }
}
html,body,body * { scrollbar-width:none!important; -ms-overflow-style:none!important; }
html::-webkit-scrollbar,body::-webkit-scrollbar,body *::-webkit-scrollbar { display:none!important; width:0!important; height:0!important; }
.category-button { position:relative; overflow:hidden; margin-block:4px; }
.category-button:before { content:""; position:absolute; inset-block:7px; right:0; width:3px; opacity:.8; }
.category-tile { overflow:hidden; }
.category-tile:after { content:""; position:absolute; width:120px; height:120px; left:-48px; bottom:-64px; transform:rotate(-18deg); }
.anonymous-choice { display:flex; align-items:center; padding:13px 14px; margin:14px 0; cursor:pointer; }
.anonymous-choice input { margin-left:12px; }
.anonymous-choice span { display:grid; gap:2px; }
.anonymous-choice small { line-height:1.7; }
.anonymous-choice svg { width:18px; margin-left:8px; vertical-align:middle; }
.anonymous-author { cursor:default!important; }
.accepted-contact { display:flex; align-items:center; gap:10px; margin-top:12px; padding:12px; }
.accepted-contact span { display:grid; }
.accepted-contact b { direction:ltr; text-align:right; }
@media (min-width:1251px) {
body[data-view] .app-shell { width:min(1680px,calc(100% - 32px))!important; grid-template-columns:226px minmax(720px,960px) 210px!important; gap:18px!important; }
body[data-view] .topbar { width:min(1680px,calc(100% - 32px)); margin-inline:auto; padding-inline:18px!important; }
.topbar .brand { min-width:226px; display:grid; grid-template-columns:40px auto; grid-template-rows:auto auto; column-gap:10px; align-items:center; }
.topbar .brand-mark { grid-row:1/3; }
.topbar .brand>span { align-self:end; line-height:1.25; }
.topbar .brand>small { display:block!important; align-self:start; font-size:10px!important; line-height:1.35; }
.topbar .main-nav { margin-inline:auto!important; }
}
@media (min-width:941px) {
body[data-view] .topbar { width:min(1680px,calc(100% - 28px)); margin-inline:auto; }
.topbar .brand>small { font-size:10px!important; }
.topbar .brand>span { font-size:19px!important; }
}
@media (min-width:941px) {
body[data-view] #feedView:not(.hidden) { grid-template-rows:auto auto minmax(0,1fr)!important; }
.feed-head-clean { margin-bottom:10px!important; }
.quick-request-composer { margin-bottom:12px!important; }
}
@media (max-width:940px) {
.landing-nav { left:10px!important; right:10px!important; width:auto!important; transform:none!important; margin:0!important; }
.landing-nav .nav-actions { margin-right:auto!important; flex:0 0 auto; }
.landing-nav .landing-brand { min-width:0; }
.landing-nav .login-link { display:inline-flex!important; }
.landing-nav .nav-cta { white-space:nowrap; }
}
@media (max-width:620px) {
.landing-nav { top:8px!important; height:54px!important; }
.landing-nav .login-link { display:inline-flex!important; padding:7px 9px!important; }
.landing-nav .nav-cta { font-size:9px!important; padding:8px 10px!important; }
.landing-nav .landing-brand strong { white-space:nowrap; }
.hero { padding-top:86px!important; }
}
.app-dock { grid-template-columns:repeat(6,minmax(0,1fr))!important; }
body[data-view] .topbar { position:relative!important; isolation:isolate; overflow:visible; width:min(1680px,calc(100% - 28px)); margin:10px auto 0!important; }
body[data-view] .topbar:before { content:""; position:absolute; z-index:-1; inset:-1px; padding:1px; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; }
body[data-view] .topbar:after { content:""; position:absolute; z-index:-1; top:0; right:15%; width:34%; height:3px; opacity:.76; pointer-events:none; }
.topbar .brand { display:grid!important; grid-template-columns:40px minmax(0,1fr)!important; grid-template-rows:auto auto!important; column-gap:10px!important; row-gap:0!important; align-items:center!important; min-width:230px!important; text-decoration:none; }
.topbar .brand-mark { grid-column:1!important; grid-row:1/3!important; width:38px!important; height:38px!important; border-radius:11px!important; }
.topbar .brand>span { grid-column:2!important; grid-row:1!important; align-self:end!important; font-size:19px!important; line-height:1.2!important; }
.topbar .brand>small { display:block!important; grid-column:2!important; grid-row:2!important; align-self:start!important; margin:2px 0 0!important; font-size:10px!important; font-weight:600!important; line-height:1.25!important; white-space:nowrap; }
.topbar .nav-item.active:after { right:18px!important; left:18px!important; }
@media (min-width:941px) {
body[data-view] .app-shell { height:calc(100dvh - 84px)!important; }
.topbar .main-nav { margin-inline:auto!important; }
}
@media (max-width:940px) {
body[data-view] .topbar { position:sticky!important; top:8px!important; width:calc(100% - 16px)!important; height:58px!important; margin:8px auto 0!important; padding-inline:10px!important; }
.topbar .brand { grid-template-columns:34px auto!important; min-width:0!important; }
.topbar .brand-mark { width:32px!important; height:32px!important; border-radius:9px!important; }
.topbar .brand>span { font-size:15px!important; }
.topbar .brand>small { font-size:8px!important; }
.topbar .profile-button { min-width:42px!important; }
.topbar .main-nav { display:none!important; }
.topbar .search-spotlight { margin-right:auto; }
.app-shell { padding-top:20px!important; }
}
@media (max-width:460px) {
.topbar .brand>small { max-width:122px; overflow:hidden; text-overflow:ellipsis; }
.topbar .brand { grid-template-columns:32px minmax(0,1fr)!important; max-width:176px!important; }
.topbar .profile-button { padding:3px!important; }
}
body[data-view] .topbar:after { right:auto!important; left:50%!important; width:min(520px,34%)!important; transform:translateX(-50%)!important; }
.topbar-tools { display:flex; align-items:center; justify-content:flex-start; gap:10px; min-width:0; direction:rtl; }
.topbar-brand-zone { display:flex; align-items:center; justify-content:flex-start; gap:12px; min-width:0; direction:rtl; }
.topbar .brand>small { position:static!important; inset:auto!important; text-align:right!important; justify-self:stretch!important; }
.topbar .brand>span { justify-self:stretch!important; text-align:right!important; }
@media (min-width:941px) {
body[data-view] .topbar { display:grid!important; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important; align-items:center!important; direction:ltr!important; gap:20px!important; width:min(1600px,calc(100% - 48px))!important; height:66px!important; padding:7px 10px!important; }
.topbar-brand-zone { grid-column:3!important; grid-row:1!important; justify-self:end!important; width:min(100%,500px)!important; }
.topbar .brand { direction:rtl!important; width:228px!important; min-width:228px!important; padding:6px 8px!important; }
.topbar .brand-mark { grid-column:1!important; grid-row:1/3!important; }
.topbar .brand>span,.topbar .brand>small { grid-column:2!important; }
.topbar .brand>span,.topbar .brand>small { width:100%!important; justify-self:stretch!important; text-align:right!important; margin-right:0!important; }
.topbar .brand>span { line-height:1.25!important; }
.topbar .brand>small { line-height:1.25!important; }
.topbar-brand-zone .search-spotlight { flex:1 1 240px; min-width:140px; max-width:260px; margin:0!important; }
.topbar-brand-zone .global-search { width:100%!important; }
.topbar .main-nav { grid-column:2!important; grid-row:1!important; justify-self:center!important; direction:rtl!important; margin:0!important; height:52px!important; gap:2px!important; }
.topbar .nav-item { height:48px!important; padding-inline:10px!important; white-space:nowrap; }
.topbar-tools { grid-column:1!important; grid-row:1!important; justify-self:start!important; width:min(100%,470px)!important; }
.topbar .account-menu { flex:0 1 220px; min-width:150px; max-width:220px; margin:0!important; }
.topbar .profile-button { width:100%!important; min-width:0!important; height:48px!important; }
}
@media (min-width:941px) and (max-width:1250px) {
body[data-view] .topbar { grid-template-columns:minmax(280px,1fr) auto minmax(190px,1fr)!important; gap:10px!important; width:calc(100% - 24px)!important; }
.topbar-brand-zone { width:min(100%,390px)!important; gap:8px!important; }
.topbar .brand { width:198px!important; min-width:198px!important; }
.topbar .main-nav { gap:0!important; }
.topbar .nav-item { min-width:46px!important; padding-inline:9px!important; }
.topbar-tools { width:min(100%,360px)!important; }
.topbar .account-menu { flex-basis:150px; max-width:160px; }
}
@media (max-width:940px) {
body[data-view] .topbar { display:flex!important; align-items:center!important; justify-content:space-between!important; direction:rtl!important; }
.topbar-brand-zone { min-width:0; max-width:210px; }
.topbar-brand-zone .search-spotlight { display:none!important; }
.topbar-tools { margin-right:auto; flex:0 0 auto; }
.topbar-tools .search-spotlight { display:none!important; }
.topbar-tools .account-menu { width:auto; max-width:150px; }
.topbar .profile-name { display:none!important; }
}
.topbar .brand { max-width:100%!important; }
.request-card .post-content h3 { line-height:1.85!important; overflow-wrap:anywhere; }
.request-card .post-content p { line-height:2!important; }
.post-top .post-author { min-width:0; max-width:100%; text-align:right; }
.post-author strong,.person strong { overflow-wrap:anywhere; }
.person>div { min-width:0; flex:1; }
.person strong { line-height:1.65!important; }
.post-menu { z-index:15!important; }
.post-menu button { min-height:42px; }
button:focus-visible,a:focus-visible { outline-offset:3px!important; }
.topbar .profile-button { display:flex!important; }
@media (min-width:941px) {
.topbar-tools { width:auto!important; }
.topbar-brand-zone { gap:10px!important; }
.topbar .brand { width:218px!important; min-width:218px!important; }
}
@media (max-width:940px) {
body[data-view] .topbar { height:auto!important; min-height:108px!important; align-items:flex-start!important; padding:8px 10px 54px!important; }
.topbar-brand-zone { max-width:calc(100% - 56px)!important; }
.topbar-brand-zone .search-spotlight { display:block!important; position:absolute!important; inset:auto 10px 8px!important; width:auto!important; max-width:none!important; }
.topbar-brand-zone .global-search { display:flex!important; width:100%!important; height:38px!important; visibility:visible!important; }
.topbar-brand-zone .global-search input { font-size:16px!important; }
.search-popover { min-width:0!important; width:100%!important; }
.topbar .brand>small { font-size:10px!important; }
.post-actions { gap:10px; flex-wrap:wrap; }
.post-actions .action-cluster { margin-inline-start:auto; }
.request-card .offer-button,.request-card .save-button { min-height:44px!important; }
.modal input,.modal textarea,.modal select { font-size:16px!important; }
}
@media (prefers-reduced-motion:reduce) {
.request-card,.profile-request-card { transform:none!important; }
html { scroll-behavior:auto!important; }
}
.app-loading>.topbar,.app-loading>.app-shell,.app-loading>.app-dock { visibility:hidden!important; }
.app-boot { position:fixed; inset:0; z-index:900; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:18px; }
.app-boot button { padding:10px 24px; }
.connection-status { position:fixed; bottom:84px; left:50%; transform:translateX(-50%); z-index:1100; max-width:calc(100% - 32px); padding:10px 16px; font-size:12px; }
.feed-discovery { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:0 2px 12px; }
.feed-modes { display:flex; gap:4px; flex-wrap:wrap; }
.feed-modes button { font-size:12px; min-height:38px; padding:7px 12px; }
.feed-modes button[aria-pressed="true"] { font-weight:700; }
.feed-summary { display:flex; align-items:center; gap:8px; font-size:11px; }
.feed-summary button { padding:8px; }
.feed-more { justify-self:center; min-height:42px; padding:8px 24px; margin:10px auto 0; font-weight:700; }
.feed-more[hidden],.connection-status[hidden],.app-boot button[hidden] { display:none!important; }
.report-button { display:grid; place-items:center; width:38px; height:38px; }
.report-button svg { width:16px; height:16px; }
.action-cluster { flex-wrap:wrap; }
.privacy-options { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
body.document-hidden:before,body.document-hidden:after,body.document-hidden .sunset-cloud-layer { animation-play-state:paused!important; }
.request-card:hover { transform:none!important; }
.request-card .post-content h3:after { display:none!important; }
.request-card .post-image { aspect-ratio:16/9; object-fit:cover; }
.feed-head-clean h1 { font-size:24px!important; }
.topbar .main-nav { min-width:0!important; }
.topbar .nav-item { font-size:12px!important; }
.people .person { min-height:64px!important; }
@media (min-width:941px) {
body[data-view] #feedView:not(.hidden) { grid-template-rows:auto auto auto minmax(0,1fr) auto!important; }
}
@media (min-width:941px) and (max-width:1499px) {
.topbar .main-nav .nav-item span { display:none!important; }
.topbar .nav-item { min-width:44px!important; }
.topbar-brand-zone { max-width:100%!important; }
.topbar .brand { min-width:156px!important; width:156px!important; }
.topbar-brand-zone .search-spotlight { min-width:120px!important; }
.topbar .brand>span { font-size:16px!important; }
.topbar .global-search kbd { display:none!important; }
}
@media (max-width:940px) {
.feed-discovery { gap:8px; padding-bottom:12px; }
.feed-modes { width:100%; display:grid; grid-template-columns:1fr 1.4fr 1fr; }
.feed-modes button { font-size:10px; padding:6px 4px; min-height:42px; }
.feed-head-clean h1 { font-size:21px!important; }
.global-search kbd { display:none!important; }
.feed-summary { width:100%; justify-content:space-between; }
}
:root { --coast-ink:#26364b; --coast-text:#47576b; --coast-muted:#606d80; --coast-blue:#365ac0; --coast-plum:#67466a; --coast-teal:#285f63; --coast-paper:#fcfdff; --coast-mist:#edf3f9; --coast-lilac:#f1edf6; --coast-line:rgba(64,81,113,.16); --coast-shadow:0 8px 26px rgba(40,59,87,.07); --mx-blue:var(--coast-blue); --mx-violet:#8567ae; --mx-ink:var(--coast-ink); --mx-body:var(--coast-text); --mx-muted:var(--coast-muted); --mx-line:var(--coast-line); }
@keyframes coast-breathe{from{transform:scale(1.035)}to{transform:scale(1.075) translate3d(-.7%,.4%,0)}}
body[data-view] .app-shell:before,body[data-view] .app-shell:after,body:not([data-view]):after { display:none!important; }
.sunset-cloud-layer { --cloud-opacity:.4; animation-duration:36s; animation-delay:-8s; filter:none; }
body[data-view] .topbar:before,body[data-view] .topbar:after { display:none!important; }
.topbar .brand>span,.topbar .brand>small { text-align:right!important; }
.topbar .nav-item.active:after { height:2px!important; }
.feed-head-clean { padding:8px 2px 16px!important; }
.feed-head-clean:before,.feed-head-clean:after,.page-title:before,.page-title:after { display:none!important; }
.feed-eyebrow { font-size:11px!important; line-height:1.8!important; }
.feed-head-clean h1 { font-size:27px!important; line-height:1.8!important; }
.feed-head-clean p { font-size:12px!important; }
.sort-control { padding:0 10px!important; gap:6px; }
.sort-control select { min-width:0; height:100%; padding-block:0; }
.sort-control svg { flex-shrink:0; }
.avatar,.connection-avatar,.social-card-avatar,.profile-pro-avatar { aspect-ratio:1; flex-shrink:0!important; padding:0!important; display:grid!important; place-items:center; line-height:1!important; box-sizing:border-box; overflow:hidden; }
.avatar img,.connection-avatar img,.social-card-avatar img,.profile-pro-avatar img { display:block; width:100%; height:100%; object-fit:cover; }
@media (max-width:760px) {
[data-mobile-panel]:not(.mobile-panel-open) { visibility:hidden!important; pointer-events:none!important; }
[data-mobile-panel].mobile-panel-open { visibility:visible!important; pointer-events:auto!important; }
.topbar .avatar.me { width:36px!important; height:36px!important; min-width:36px!important; margin:0!important; align-self:center; }
.request-card .avatar { width:38px!important; height:38px!important; min-width:38px!important; align-self:center; margin:0!important; }
.social-card-avatar { width:48px!important; height:48px!important; min-width:48px!important; justify-self:center; align-self:center; }
.profile-pro-identity { padding-top:90px!important; flex-wrap:wrap; }
.profile-pro-identity>div { margin-right:0!important; padding-top:0!important; width:100%; max-width:100%!important; }
.profile-pro-identity .edit-profile-button { margin:0!important; }
}
.quick-request-main textarea { font-size:14px!important; line-height:1.9!important; }
.quick-request-main textarea::placeholder { opacity:1; }
.request-card:before { height:2px!important; opacity:.6; }
.request-card .post-content h3 { font-size:17px!important; font-weight:700!important; line-height:1.9!important; }
.request-card .post-content p { font-size:13px!important; line-height:2!important; }
.create-primary:hover,.publish-button:hover,.quick-submit:hover,.composer-submit:hover,.offer-button:not(:disabled):hover { transform:none!important; }
.feed-modes button { min-height:42px; }
.side-section h2 { font-size:14px!important; line-height:1.8!important; }
.category-button { min-height:43px; }
.category-button:hover,.category-button.active { transform:none!important; }
.hero { display:block!important; min-height:0!important; padding:124px 24px 50px!important; }
.hero:before { display:none!important; }
.hero-copy { max-width:740px!important; margin:0 auto!important; text-align:center!important; }
.hero-kicker { padding:0!important; font-size:13px!important; letter-spacing:0!important; }
.hero h1 { font-family:"Vazirmatn",sans-serif!important; font-size:88px!important; font-weight:700!important; line-height:1.6!important; margin:8px 0 0!important; letter-spacing:0!important; }
.hero-signature { font-size:17px; line-height:1.9; font-weight:600; }
.hero-copy>p { max-width:560px!important; margin:16px auto 22px!important; font-size:14px!important; line-height:2.1!important; }
.hero-actions { display:flex!important; justify-content:center!important; gap:12px!important; margin-top:0!important; }
.hero-primary,.hero-secondary { min-height:48px!important; padding:12px 26px!important; transform:none!important; font-size:13px!important; }
.instant-composer { max-width:740px!important; margin:40px auto 0!important; }
.section:before { display:none!important; }
.section { padding-block:56px!important; }
.section h2 { font-size:28px!important; line-height:1.8!important; }
.steps article:hover { transform:none!important; }
.workflow .steps article { min-height:180px!important; }
.security-grid .wide { min-height:220px!important; }
.security-grid h3 { margin-top:28px!important; }
.security-grid .metric strong { position:static!important; font-size:24px!important; display:block; margin-top:16px; }
.privacy-visual { display:none!important; }
@media (max-width:940px) {
.hero { padding:96px 20px 32px!important; }
.hero h1 { font-size:60px!important; line-height:1.65!important; }
.hero-copy>p { font-size:13px!important; margin-block:12px 20px!important; }
.hero-signature { font-size:14px; }
.hero-actions { display:grid!important; grid-template-columns:1fr 1fr; max-width:420px; margin-inline:auto!important; }
.hero-primary,.hero-secondary { padding:12px 10px!important; font-size:12px!important; }
.instant-composer { margin-top:32px!important; padding:18px!important; }
.composer-head { gap:10px; }
.composer-head strong { font-size:13px!important; }
.composer-head .secure-state { display:none; }
.section h2 { font-size:23px!important; }
.feed-head-clean h1 { font-size:23px!important; }
.request-card .post-content h3 { font-size:16px!important; }
.quick-request-main textarea { font-size:16px!important; }
.sunset-cloud-layer { --cloud-opacity:.32; animation-duration:40s; will-change:auto; }
}
@media (max-width:400px) {
.hero h1 { font-size:54px!important; }
.hero { padding-inline:16px!important; }
.hero-signature { font-size:13px; }
}
@media (max-width:940px) {
.feed-modes button { font-size:12px!important; line-height:1.65; white-space:normal; }
.landing-nav .nav-cta,.landing-nav .login-link { font-size:12px!important; }
.profile-request-grid .profile-request-card { grid-template-columns:38px minmax(0,1fr) 18px!important; gap:10px!important; padding:12px!important; }
.profile-request-grid .profile-request-status { grid-column:2; justify-self:start; }
.profile-request-grid .profile-request-arrow { grid-column:3; grid-row:1/3; }
}
@media (prefers-reduced-motion:reduce) {
body:before { transform:none!important; }
.sunset-cloud-layer { animation:none!important; opacity:.2!important; }
*,*:before,*:after { scroll-behavior:auto!important; }
}
:root { --atlas-plum:#734c76; --atlas-teal:#28777a; --atlas-rose:#aa526d; --atlas-lilac:#f0e8f6; --atlas-foam:#e4f2f2; --atlas-blush:#f9eaf0; --atlas-elevation:0 10px 28px rgba(52,55,91,.08),0 2px 0 rgba(255,255,255,.9) inset; }
.topbar .brand-mark { box-shadow:0 0 0 4px rgba(255,255,255,.7),0 5px 14px rgba(57,55,89,.12)!important; }
.request-card .post-accent { height:3px!important; inset-inline:0!important; top:0!important; width:auto!important; opacity:.75; }
.request-card .post-meta .category-pill { padding:6px 10px!important; }
.request-card .post-top { padding-bottom:13px; }
.request-card .post-content { padding-top:6px; }
.side-section h2 { padding-block:3px 12px; }
.side-section h2:before,.side-section h2:after { display:none!important; }
.side-section .section-heading { align-items:baseline!important; }
.category-button { padding-block:9px!important; }
.category-button.active { font-weight:700; }
.category-tile { position:relative; isolation:isolate; overflow:hidden!important; min-height:155px!important; text-align:right!important; }
.category-tile:after { content:""!important; position:absolute; z-index:-1; inset:0!important; width:auto!important; height:auto!important; transform:none!important; mask-image:linear-gradient(90deg,#000,transparent 72%); pointer-events:none; }
.category-tile>svg { width:30px!important; height:30px!important; padding:8px; box-sizing:content-box; }
.category-tile strong { font-size:15px!important; }
.category-tile>span { font-size:12px!important; }
#followingGrid>.empty-state { grid-column:1/-1; min-height:320px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:36px 24px; }
#followingGrid>.empty-state>span { flex:none; width:64px; height:64px; margin-bottom:24px; }
#followingGrid>.empty-state h3 { font-size:20px; line-height:1.9; }
#followingGrid>.empty-state p { max-width:420px; font-size:13px; line-height:2; }
#followingView .page-title { justify-content:center; text-align:center; margin-bottom:18px!important; }
#followingView .page-title>div { width:100%; text-align:center; }
#followingView .page-title p { margin-inline:auto!important; text-align:center!important; max-width:560px; line-height:1.9!important; }
#followingView .page-title h1 { font-size:30px!important; line-height:1.8!important; }
#followingView .people-tabs { justify-content:center; align-self:center; width:max-content; max-width:100%; margin-inline:auto; padding:4px; height:48px; }
#followingView .people-tabs button { font-size:12px; min-height:38px; }
#followingView .people-tabs button.active:after { display:none!important; }
.social-card-pro { text-align:center; }
.social-card-cover { position:relative; isolation:isolate; }
.social-card-cover:after { content:""; position:absolute; inset:0; pointer-events:none; }
.social-card-name { justify-content:center; min-width:0; }
.social-card-pro>p,.social-card-pro>small { overflow-wrap:anywhere; text-align:center; line-height:1.9!important; }
.social-card-pro>p { font-size:12px!important; }
.social-card-pro>small { font-size:12px!important; }
.social-card-pro>.relation-button { min-height:42px; font-size:12px!important; }
.hero-kicker { display:inline-flex!important; align-items:center; gap:14px; }
.hero-kicker:before,.hero-kicker:after { content:""; width:34px; height:1px; opacity:.45; }
.workflow .step-number { width:48px; height:42px; font-size:18px; }
.workflow .steps h3 { line-height:1.9!important; font-size:17px!important; }
.workflow .steps p { font-size:13px!important; }
.faq-list details { padding-inline:16px; }
.faq-list summary { min-height:56px; align-items:center; gap:16px; }
@media (min-width:761px) {
.social-card-pro { display:flex!important; flex-direction:column; align-items:stretch; }
.social-card-cover { height:84px; flex:none; }
.social-card-avatar { margin-inline:auto!important; flex:none; }
.social-card-pro>small { flex:1; }
.social-card-name { margin-top:12px; }
}
@media (max-width:760px) {
#followingGrid { gap:14px!important; }
.social-card-pro { grid-template-columns:54px minmax(0,1fr) auto!important; align-items:center!important; gap:8px 12px!important; }
.social-card-name { margin:0!important; }
.social-card-avatar { margin:0!important; }
.social-card-pro>p { font-size:11px!important; }
#followingGrid>.empty-state { min-height:300px; padding:28px 16px; }
#followingView .page-title h1 { font-size:26px!important; }
.category-tile { min-height:145px!important; }
.category-tile strong { font-size:13px!important; }
}
@media (max-width:430px) {
.social-card-pro { grid-template-columns:48px minmax(0,1fr)!important; }
.social-card-pro>.relation-button { grid-column:2!important; grid-row:4!important; width:100%!important; margin-top:4px!important; }
.social-card-pro>small { grid-column:2!important; }
}
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
.category-tile:hover,.social-card-pro:hover { transform:translateY(-2px)!important; }
}
body[data-view] .topbar { overflow:visible!important; isolation:isolate; }
body[data-view] .topbar:before { content:""!important; display:block!important; position:absolute; z-index:-1; inset:-1px; padding:1px; -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0); -webkit-mask-composite:xor; mask-composite:exclude; pointer-events:none; opacity:.68; }
body[data-view] .topbar:after { content:""!important; display:block!important; position:absolute; right:22%; left:22%; bottom:-4px; height:4px; pointer-events:none; opacity:.86; }
.topbar .brand { position:relative; }
.topbar .brand:after { content:""; position:absolute; inset:-3px; pointer-events:none; }
.request-context { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:-5px 0 14px; font-size:10px; font-weight:800; }
.request-context:after { content:""; height:1px; flex:1; order:1; }
.request-context span { order:2; }
.request-context b { order:0; font-size:9px; font-weight:600; direction:ltr; }
.admin-anonymous-badge { display:inline-flex; align-items:center; gap:5px; height:28px; padding:0 9px; font-size:9px; font-weight:700; white-space:nowrap; }
.admin-anonymous-badge svg { width:13px; }
.request-card .post-content { margin-inline:5px; }
.request-card .post-content h3 { font-family:"Vazirmatn",sans-serif!important; font-size:20px!important; line-height:1.85!important; }
.request-card .post-content p { max-width:760px; margin-top:8px!important; }
@media (hover:hover) and (prefers-reduced-motion:no-preference) {
.topbar button:hover,.feed-modes button:hover,.quick-request-actions button:hover,.composer-pill:hover,.privacy-pill:hover,.request-card .post-actions button:hover,.people-tabs button:hover,.relation-button:hover { transform:translateY(-2px)!important; }
.category-button:hover { transform:translateX(-3px)!important; }
.category-tile:hover { transform:translateY(-3px) rotate(.15deg)!important; }
}
.topbar button:active,.category-button:active,.feed-modes button:active,.quick-request-actions button:active,.request-card .post-actions button:active,.people-tabs button:active,.relation-button:active,.category-tile:active { transform:scale(.97)!important; transition-duration:.06s!important; }
@media (max-width:760px) {
body[data-view] .topbar:after { right:14%; left:14%; }
.request-context { margin-bottom:10px; }
.request-card .post-content h3 { font-size:18px!important; }
.admin-anonymous-badge { grid-column:3/5; justify-self:start; }
}
.request-card { padding:22px!important; min-width:0; position:relative; }
.request-card .post-top { display:flex!important; flex-wrap:wrap; align-items:center; gap:10px!important; position:relative; }
.request-card .post-author { flex:1 1 100px; min-width:0; text-align:start; align-items:flex-start; }
.request-card .post-author strong { max-width:100%; overflow-wrap:anywhere; }
.request-card .post-type { margin:0!important; flex-shrink:0; }
.request-card .location-pill { max-width:100%; overflow-wrap:anywhere; white-space:normal; }
.request-card .post-content { margin:16px 0!important; padding:0!important; }
.request-card .post-content h3 { margin:0!important; overflow-wrap:anywhere; }
.request-card .post-content p { white-space:pre-line; }
.request-card .post-meta { display:flex; align-items:center; flex-wrap:wrap; gap:8px!important; margin:0 0 16px!important; padding:0!important; }
.request-card .post-meta .price { margin-inline-start:auto; font-weight:800; overflow-wrap:anywhere; }
.request-card .post-image { display:block; width:100%; max-height:360px; object-fit:contain; margin:0 0 16px; }
.request-card .post-actions { margin-top:0!important; padding-top:14px!important; }
.request-card .action-cluster { display:flex!important; align-items:center; flex-wrap:wrap; gap:8px!important; width:auto; margin-inline-start:auto; margin-inline-end:0; }
.request-card .action-cluster>button { flex-shrink:0; }
.request-card .offer-button { height:auto!important; min-height:42px!important; white-space:normal!important; line-height:1.7; padding:9px 14px!important; }
.request-card .save-button,.request-card .report-button { width:42px!important; height:42px!important; display:inline-flex; align-items:center; justify-content:center; }
@media (max-width:760px) {
.request-card { padding:16px!important; }
.request-card .post-top { gap:8px!important; }
.request-card .post-type { font-size:10px!important; width:auto!important; padding:5px 8px!important; }
.request-card .post-content { margin:14px 0!important; }
.request-card .post-actions { flex-direction:row!important; }
.request-card .action-cluster { width:100%; flex-wrap:nowrap; }
.request-card .action-cluster .offer-button { flex:1 1 0; min-width:0; width:auto; }
.request-card .action-cluster .owner-state { width:auto; margin-inline-start:auto; }
.request-card .admin-anonymous-badge { white-space:normal; height:auto; min-height:28px; }
}
.request-card .post-author strong { font-size:14px!important; line-height:1.8!important; }
.request-card .post-author span,.request-card .response-count { font-size:11px!important; }
.request-card .post-content p { font-size:13px!important; line-height:2!important; overflow-wrap:anywhere; }
.request-card .category-pill,.request-card .post-type { min-height:28px; display:inline-flex; align-items:center; gap:5px; font-size:10px!important; }
.request-card.owner-locked .post-menu [data-action="edit"],.request-card.owner-locked .post-menu [data-action="delete"] { display:none!important; }
.post-actions { gap:10px; flex-wrap:wrap; }
.action-cluster { gap:7px; min-width:0; flex-wrap:wrap; }
.post-menu { min-width:160px; }
.post-menu button { min-height:40px!important; text-align:start; }
.social-card-name em { display:block; font-size:11px; font-style:normal; overflow-wrap:anywhere; direction:ltr; }
.profile-account-facts b,.profile-public-id { overflow-wrap:anywhere; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible { outline-offset:3px!important; }
button[aria-busy=true] { cursor:progress!important; opacity:.7; }
@media (max-width:760px) {
.offer-button,.save-button,.report-button,.more-button { min-height:44px!important; }
.save-button,.report-button,.more-button { min-width:40px!important; }
.request-card .post-actions { row-gap:12px; }
.request-card .response-count { flex-basis:100%; }
.request-card .action-cluster { margin-inline-start:auto; }
.settings-actions { padding-bottom:max(14px,env(safe-area-inset-bottom))!important; }
}
html,body,button,input,select,textarea { font-family:"Vazirmatn",Tahoma,sans-serif!important; letter-spacing:0!important; }
.right-rail .create-primary { position:sticky!important; top:0; z-index:8; margin-bottom:18px; flex-shrink:0; }
.request-filters-scroll { min-width:0; scrollbar-width:none; }
.request-filters-scroll::-webkit-scrollbar { display:none; }
@media (min-width:941px) {
body[data-view] .right-rail { display:flex!important; flex-direction:column; height:100%; min-height:0; overflow:hidden!important; }
.right-rail .create-primary { position:relative!important; top:auto; }
.right-rail .request-filters-scroll { flex:1; min-height:0; overflow-y:auto; overscroll-behavior:contain; padding-bottom:16px; }
body[data-view] .right-rail .request-filters-scroll>.side-section:first-child { margin-top:0!important; }
}
.people-search-section { padding-bottom:9px; }
.search-popover-head { display:flex; justify-content:space-between; align-items:center; margin:3px 5px 8px; font-size:10px; }
.search-popover-head span { font-weight:800; }
.search-person { width:100%; display:grid!important; grid-template-columns:34px 1fr 18px; align-items:center; gap:9px; padding:8px!important; text-align:right!important; }
.search-person span:nth-child(2) { min-width:0; }
.search-person strong,.search-person small { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.search-person strong { font-size:11px; }
.search-person small { font-size:9px; }
.search-person svg { width:14px; }
.search-person .connection-avatar { width:34px; height:34px; }
.settings-fields-two { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.prefixed-input { display:flex; align-items:center; direction:ltr; overflow:hidden; }
.prefixed-input b { padding:0 0 0 11px; }
.field input[readonly] { cursor:not-allowed; }
.settings-section-title { display:flex; justify-content:space-between; align-items:center; gap:16px; }
.settings-section-title p { margin:4px 0 0; font-size:10px; }
.privacy-select-row { display:flex!important; align-items:center; justify-content:space-between; gap:16px; padding:13px; }
.privacy-select-row>span { display:flex; align-items:center; gap:8px; }
.privacy-select-row svg { width:17px; }
.privacy-select-row select { min-height:38px; padding:0 10px; }
.privacy-note { display:flex; gap:9px; padding:12px; font-size:10px; line-height:1.9; }
.privacy-note svg { width:17px; flex:none; }
.privacy-policy-link { display:grid; grid-template-columns:22px 1fr 18px; align-items:center; gap:9px; padding:13px; text-decoration:none; }
.privacy-policy-link span>* { display:block; }
.privacy-policy-link small { font-size:9px; margin-top:3px; }
.privacy-policy-link>svg { width:17px; }
.profile-public-id { direction:ltr; text-align:right; font-weight:700; }
.profile-account-facts { display:flex; flex-wrap:wrap; gap:8px; margin:12px 0; }
.profile-account-facts>span,.visible-phone { display:flex; align-items:center; gap:7px; padding:8px 10px; font-size:10px; }
.profile-account-facts svg,.visible-phone svg { width:15px; }
.visible-phone { margin-top:12px; }
.visible-phone b { margin-inline-start:auto; }
@media (max-width:700px) {
.settings-fields-two { grid-template-columns:1fr; }
.privacy-select-row { align-items:flex-start; flex-direction:column; }
.privacy-select-row select { width:100%; }
}
.owner-locked .post-menu [data-action="edit"],.owner-locked .post-menu [data-action="delete"] { display:none!important; }
.request-map-shell { overflow:hidden; }
.request-map-head,.request-map-foot { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:15px 18px; }
.request-map-head span,.request-map-foot span { display:flex; align-items:center; gap:8px; }
.request-map-head svg,.request-map-foot svg { width:18px; }
.request-map-head small { font-size:10px; }
.request-map-shell iframe { display:block; width:100%; height:min(520px,60vh); }
.request-map-foot { font-size:10px; }
.request-map-foot a { font-weight:800; text-decoration:none; }
@media (max-width:760px) {
.request-map-head,.request-map-foot { align-items:flex-start; flex-direction:column; padding:13px; }
.request-map-shell iframe { height:52vh; }
}
.modal .modal-head .icon-button:hover { transform:translateY(-1px); }
.modal .field input,.modal .field textarea,.modal .field select,.modal .price-input input { font-weight:500!important; }
.modal .field input::placeholder,.modal .field textarea::placeholder { opacity:1!important; font-weight:400!important; }
.modal .form-actions { padding:16px 24px!important; margin:8px -24px -22px!important; }
@media (max-width:760px) {
.modal .form-actions { padding:13px 16px max(13px,env(safe-area-inset-bottom))!important; margin:8px -16px -22px!important; }
}
body[data-view] .app-shell { align-items:stretch!important; }
body[data-view] .app-shell>.content { width:100%!important; max-width:960px; margin-inline:auto!important; box-sizing:border-box; }
body[data-view] .page-title,body[data-view] .feed-head-clean { width:100%; min-height:92px!important; margin:0 0 14px!important; padding:10px 4px 16px!important; align-items:flex-end!important; gap:18px; }
body[data-view] .page-title>div,body[data-view] .feed-head-clean>div:first-child { min-width:0; flex:1; }
body[data-view] .page-title h1,body[data-view] .feed-head-clean h1 { margin:0!important; }
body[data-view] .page-title p,body[data-view] .feed-head-clean p { margin:3px 0 0!important; }
body[data-view] .page-title>.outline-button,body[data-view] .feed-head-tools { flex:0 0 auto; align-self:flex-end; }
.quick-request-composer,.feed-discovery,.feed,.category-explorer,.request-map-shell,.profile-pro,.profile-requests-section,.people-tabs,#followingGrid { width:100%; min-width:0; box-sizing:border-box; }
.right-rail,.left-rail { min-width:0; box-sizing:border-box; }
.right-rail>.create-primary,.right-rail .request-filters-scroll,.left-rail>.notice,.left-rail>.side-section,.left-rail>footer { width:100%; box-sizing:border-box; }
.right-rail .side-section,.left-rail .side-section,.left-rail .notice { margin-inline:0!important; }
.side-section h2,.section-heading { min-height:26px; display:flex; align-items:center; margin-top:0!important; }
.category-button,.check-row,.person { width:100%; box-sizing:border-box; }
.request-card { width:100%; margin-inline:0!important; box-sizing:border-box; }
.request-card .post-top,.request-card .post-content,.request-card .post-meta,.request-card .post-actions { width:100%; box-sizing:border-box; }
.profile-request-grid,.people-grid,#followingGrid { align-items:stretch; }
.profile-request-card,.social-card-pro { height:100%; box-sizing:border-box; }
.modal-head,.settings-head { min-height:82px; align-items:center!important; box-sizing:border-box; }
.modal-head>div,.settings-head>div { min-width:0; }
.modal form,.settings-form,.connections-list { box-sizing:border-box; }
@media (min-width:941px) {
body[data-view] .app-shell { grid-template-columns:238px minmax(560px,960px) 238px!important; justify-content:center!important; }
body[data-view] .right-rail,body[data-view] .left-rail { height:100%; padding:0!important; }
body[data-view] .app-shell>.content { padding-inline:5px!important; }
body[data-view] .content:not(#feedView) { padding-bottom:24px!important; }
body[data-view] #myPostsView:not(.hidden),body[data-view] #savedView:not(.hidden),body[data-view] #categoriesView:not(.hidden),body[data-view] #mapView:not(.hidden),body[data-view] #followingView:not(.hidden),body[data-view] #profileView:not(.hidden) { display:flex!important; flex-direction:column; align-items:stretch; }
}
@media (max-width:940px) {
body[data-view] .app-shell>.content { max-width:760px!important; margin-inline:auto!important; }
body[data-view] .page-title,body[data-view] .feed-head-clean { min-height:78px!important; padding:8px 2px 12px!important; }
}
@media (max-width:620px) {
body[data-view] .app-shell { padding-inline:12px!important; }
body[data-view] .page-title,body[data-view] .feed-head-clean { min-height:0!important; align-items:center!important; gap:10px; padding:4px 0 12px!important; }
body[data-view] .page-title h1,body[data-view] .feed-head-clean h1 { font-size:20px!important; line-height:1.65!important; }
body[data-view] .page-title p { font-size:10px!important; line-height:1.8!important; }
body[data-view] .page-title>.outline-button { min-height:42px; max-width:46%; padding-inline:10px!important; white-space:normal; text-align:center; }
.quick-request-composer,.request-card,.profile-pro,.profile-requests-section,.request-map-shell { margin-inline:0!important; }
.modal-head,.settings-head { min-height:72px; padding-inline:16px!important; }
}
.requests-map { width:100%; height:min(560px,62vh); min-height:380px; z-index:1; }
.leaflet-container { font-family:"Vazirmatn",Tahoma,sans-serif!important; }
.map-popup { min-width:180px; display:grid; gap:5px; text-align:right; }
.map-popup b { line-height:1.8; }
.map-fallback { display:grid; gap:8px; padding:16px; }
.map-fallback button { display:flex; align-items:center; gap:10px; width:100%; padding:12px; text-align:right; }
.map-fallback button>svg { width:18px; }
.map-fallback button span { display:grid; gap:2px; }
.location-composer-pill select { width:154px!important; }
@media (max-width:620px) {
.requests-map { height:52vh; min-height:330px; }
.location-composer-pill { flex:1 1 100%!important; }
.location-composer-pill select { width:100%!important; }
}
.admin-notices-modal { width:min(560px,calc(100vw - 24px))!important; overflow:hidden!important; }
.admin-notices-list { display:grid; gap:10px; padding:18px 22px; max-height:54vh; overflow:auto; }
.admin-notice { display:grid; grid-template-columns:38px 1fr; gap:11px; padding:14px; }
.admin-notice>span { width:38px; height:38px; display:grid; place-items:center; }
.admin-notice svg { width:19px; }
.admin-notice small { font-size:9px; }
.admin-notice p { margin:5px 0 0; line-height:2; white-space:pre-line; }
.admin-notices-actions { display:flex; justify-content:flex-end; padding:14px 22px; }
html { scroll-behavior:smooth; scroll-padding-top:82px; -webkit-text-size-adjust:100%; }
body { text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale; }
button,a,[role="button"],summary { -webkit-tap-highlight-color:transparent; touch-action:manipulation; }
button,a,[role="button"],.nav-item,.category-button,.request-card,.social-card-pro { transition-property:transform,opacity,color,background-color,border-color,box-shadow,filter; transition-duration:180ms; transition-timing-function:cubic-bezier(.2,.75,.25,1); }
button:not(:disabled):active,[role="button"]:not([aria-disabled="true"]):active { transform:scale(.975); transition-duration:70ms; }
textarea { scroll-behavior:smooth; }
.content,#feed,.messages,.connections-list,.request-filters-scroll,.admin-notices-list { overscroll-behavior:contain; scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce) {
html,.content,#feed,.messages,.connections-list,.request-filters-scroll,.admin-notices-list { scroll-behavior:auto!important; }
*,*:before,*:after { transition-duration:.01ms!important; }
}
.feed-head-clean { display:grid!important; grid-template-columns:minmax(0,1fr) 154px!important; align-items:end!important; column-gap:20px!important; }
body[data-view] .feed-head-clean { padding:0 0 14px!important; }
.feed-head-tools { width:154px!important; min-width:154px!important; align-self:end!important; justify-self:start!important; }
.sort-control { width:100%!important; height:42px!important; display:grid!important; grid-template-columns:18px minmax(0,1fr)!important; align-items:center!important; gap:8px!important; padding:0 11px!important; overflow:hidden!important; }
.sort-control select { width:100%!important; min-width:0!important; height:40px!important; margin:0!important; padding:0!important; appearance:auto!important; font-weight:700!important; }
.sort-control select option { font-weight:600!important; }
.request-card .post-actions { direction:rtl!important; justify-content:flex-start!important; }
.request-card .response-count { order:1!important; flex:0 0 auto!important; margin:0!important; justify-content:flex-start!important; text-align:right!important; }
.request-card .action-cluster { order:2!important; margin-inline-start:auto!important; margin-inline-end:0!important; }
.request-card .save-button[aria-pressed="true"] svg { fill:currentColor; }
@media (max-width:620px) {
.feed-head-clean { grid-template-columns:minmax(0,1fr) 132px!important; column-gap:10px!important; }
.feed-head-tools { width:132px!important; min-width:132px!important; }
.sort-control { height:40px!important; padding-inline:9px!important; }
.request-card .response-count { flex-basis:100%!important; width:100%!important; }
}
body[data-view] #feed { gap:12px!important; }
.request-card { padding:0!important; overflow:hidden!important; }
.request-card .post-accent { height:3px!important; inset:0 0 auto!important; width:100%!important; opacity:.78!important; }
.request-card .request-context { min-height:34px!important; margin:0!important; padding:9px 18px 7px!important; }
.request-card .post-top { min-height:62px!important; padding:12px 18px!important; gap:9px!important; }
.request-card .avatar { width:40px!important; height:40px!important; min-width:40px!important; font-size:13px!important; }
.request-card .post-author strong { font-size:13px!important; line-height:1.55!important; }
.request-card .post-author span { font-size:10px!important; line-height:1.5!important; }
.request-card .post-type,
.request-card .location-pill,
.request-card .category-pill { min-height:28px!important; height:28px!important; padding:0 9px!important; font-size:10px!important; line-height:1!important; }
.request-card .post-type svg,
.request-card .location-pill svg,
.request-card .category-pill svg { width:14px!important; height:14px!important; }
.request-card .post-content { margin:0!important; padding:15px 18px 10px!important; }
.request-card .post-content h3 { margin:0!important; font-size:18px!important; line-height:1.75!important; }
.request-card .post-content p { max-width:none!important; margin:5px 0 0!important; font-size:12px!important; line-height:1.9!important; }
.request-card .post-meta { min-height:38px!important; margin:0!important; padding:4px 18px 10px!important; gap:7px!important; }
.request-card .post-image { width:calc(100% - 36px)!important; max-height:300px!important; margin:4px 18px 12px!important; }
.request-card .post-actions { min-height:62px!important; margin:0!important; padding:10px 18px!important; }
.request-card .offer-box { margin:4px 18px 14px!important; padding:14px!important; }
.request-card .offer-box p { margin:6px 0 10px!important; padding:0!important; line-height:1.9!important; }
.request-card .accepted-contact { margin-top:10px!important; padding:11px 12px!important; }
.request-card .response-count { min-height:34px!important; font-size:10px!important; font-weight:700!important; }
.request-card .offer-button:not(:disabled) { min-height:44px!important; padding:9px 17px!important; font-weight:800!important; }
.request-card .save-button,.request-card .report-button,.request-card .more-button { width:40px!important; height:40px!important; min-width:40px!important; }
@media (max-width:620px) {
.request-card .request-context { padding-inline:14px!important; }
.request-card .post-top { padding:11px 14px!important; }
.request-card .post-content { padding:13px 14px 9px!important; }
.request-card .post-meta { padding:3px 14px 9px!important; }
.request-card .post-actions { padding:10px 14px!important; }
.request-card .post-image { width:calc(100% - 28px)!important; margin-inline:14px!important; }
.request-card .offer-box { margin-inline:14px!important; }
.request-card .post-content h3 { font-size:16px!important; }
}
.my-post-modes { display:flex; gap:8px; margin-bottom:16px; flex-shrink:0; }
.my-post-modes button { min-height:42px; }
body:not(.image-uploads-enabled) [data-quick-image],body:not(.image-uploads-enabled) .image-field { display:none!important; }
body:not([data-view]) .landing-nav,
body:not([data-view]) .hero,
body:not([data-view]) .section,
body:not([data-view]) .final-cta,
body:not([data-view]) footer { max-width: 100%; }
body:not([data-view]) .landing-nav { padding-inline: 16px !important; }
body:not([data-view]) .landing-nav nav a,
body:not([data-view]) .login-link,
body:not([data-view]) .nav-cta { min-height: 40px; display: inline-flex; align-items: center; justify-content: center; }
body:not([data-view]) #composer { scroll-margin-top: 96px; }
body:not([data-view]) .choice-row button,
body:not([data-view]) .privacy-options label,
body:not([data-view]) .demo-tabs button,
body:not([data-view]) summary { min-height: 44px; }
body:not([data-view]) .request-input textarea { font-size: 16px; }
body:not([data-view]) .mobile-sticky-cta { opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(calc(100% + 24px)); }
body:not([data-view]).show-mobile-cta .mobile-sticky-cta { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0); }
@media (max-width: 940px) {
body:not([data-view]) { padding-bottom: calc(20px + env(safe-area-inset-bottom)) !important; }
body:not([data-view]) .landing-nav { top: max(8px, env(safe-area-inset-top)) !important; right: max(10px, env(safe-area-inset-right)) !important; left: max(10px, env(safe-area-inset-left)) !important; width: auto !important; padding-inline: 9px !important; }
body:not([data-view]) .landing-brand { flex: 0 1 auto; min-width: 0; }
body:not([data-view]) .nav-actions { min-width: 0; }
body:not([data-view]) .hero { padding-top: calc(92px + env(safe-area-inset-top)) !important; }
body:not([data-view]) .instant-composer { overflow: hidden; }
body:not([data-view]) .choice-row { overflow: visible !important; flex-wrap: wrap !important; }
body:not([data-view]) .choice-row button { flex: 1 1 110px !important; }
body:not([data-view]) .privacy-options { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; overflow: visible !important; }
body:not([data-view]) .privacy-options label { min-width: 0; }
body:not([data-view]) .privacy-options span { height: 100%; }
body:not([data-view]) .mobile-sticky-cta { display: flex !important; align-items: center; justify-content: center; bottom: max(10px, env(safe-area-inset-bottom)) !important; min-height: 48px; }
}
@media (max-width: 360px) {
body:not([data-view]) .landing-brand strong { font-size: 14px !important; }
body:not([data-view]) .landing-brand img { width: 34px; height: 34px; }
body:not([data-view]) .landing-nav .login-link { padding-inline: 7px !important; }
body:not([data-view]) .landing-nav .nav-cta { padding-inline: 9px !important; font-size: 10px !important; }
body:not([data-view]) .hero h1 { font-size: 48px !important; }
}
@media (max-width: 940px) and (orientation: landscape) and (max-height: 520px) {
body:not([data-view]) .landing-nav { height: 50px !important; }
body:not([data-view]) .hero { display: grid !important; grid-template-columns: minmax(250px, .82fr) minmax(390px, 1.18fr) !important; grid-template-rows: auto auto; align-items: start !important; gap: 14px 18px !important; padding: calc(72px + env(safe-area-inset-top)) 14px 28px !important; }
body:not([data-view]) .hero-copy { grid-column: 1; grid-row: 1; text-align: right !important; padding-top: 4px; }
body:not([data-view]) .hero-kicker { font-size: 10px !important; }
body:not([data-view]) .hero h1 { font-size: clamp(34px, 6vw, 46px) !important; line-height: 1.45 !important; margin-top: 2px !important; }
body:not([data-view]) .hero-signature { font-size: 12px; }
body:not([data-view]) .hero-copy > p { margin-block: 8px 12px !important; font-size: 11px !important; line-height: 1.85 !important; }
body:not([data-view]) .hero-actions { gap: 7px !important; }
body:not([data-view]) .hero-actions a { min-height: 42px !important; }
body:not([data-view]) .instant-composer { grid-column: 2; grid-row: 1; margin: 0 !important; padding: 12px !important; }
body:not([data-view]) .composer-head { padding-bottom: 8px; }
body:not([data-view]) .request-input { margin: 9px 0; }
body:not([data-view]) .request-input textarea { min-height: 64px !important; max-height: 84px; padding: 9px 11px; }
body:not([data-view]) .instant-composer fieldset { margin: 8px 0; }
body:not([data-view]) .choice-row button,
  body:not([data-view]) .privacy-options label { min-height: 38px; }
body:not([data-view]) .privacy-options span { padding-block: 6px; }
body:not([data-view]) .composer-submit { height: 44px; }
body:not([data-view]) .composer-note { display: none; }
body:not([data-view]) .trust-strip { grid-column: 1 / -1; grid-row: 2; margin-top: 0; }
}

/* Public landing containment at phone widths. */
body:has(#hero-title) { overflow-x: clip; }
body:has(#hero-title) .hero,
body:has(#hero-title) .hero-copy,
body:has(#hero-title) .instant-composer { box-sizing: border-box; max-width: 100%; }

@media (max-width: 620px) {
body:has(#hero-title) .hero { width: auto !important; margin-inline: 0; }
body:has(#hero-title) .landing-nav { gap: 6px !important; }
body:has(#hero-title) .landing-brand strong { display: none; }
body:has(#hero-title) .landing-brand img { width: 32px !important; height: 32px !important; }
body:has(#hero-title) .nav-actions { margin-inline-start: auto; flex: 0 1 auto; }
body:has(#hero-title) .hero-actions { width: 100%; }
body:has(#hero-title) .hero-actions a { min-width: 0; }
}

/* Final public-page rhythm: one coherent system below the sunset hero. */
body:has(#hero-title) main { background: #fffdfb; color: #171e3e; }
body:has(#hero-title) .section {
  width: min(1120px, calc(100% - 40px)) !important;
  margin-inline: auto !important;
  padding: 76px 0 !important;
  box-sizing: border-box;
}
body:has(#hero-title) .workflow { background: #fff8f2; box-shadow: 0 0 0 100vmax #fff8f2; clip-path: inset(0 -100vmax); }
body:has(#hero-title) .security { background: #f2f7ff; box-shadow: 0 0 0 100vmax #f2f7ff; clip-path: inset(0 -100vmax); }
body:has(#hero-title) .live-demo,
body:has(#hero-title) .faq { box-shadow: 0 0 0 100vmax #fffdfb; clip-path: inset(0 -100vmax); }
body:has(#hero-title) .section-heading { max-width: 650px; margin: 0 0 32px; }
body:has(#hero-title) .workflow .section-heading,
body:has(#hero-title) .security .section-heading { margin-inline: auto; text-align: center; }
body:has(#hero-title) :is(.section-heading, .demo-copy) > span {
  display: inline-flex; align-items: center; min-height: 28px; padding: 4px 10px;
  border-radius: 8px; background: #e5eefc; color: #31548f; font-size: 11px; font-weight: 800;
}
body:has(#hero-title) :is(.section-heading, .demo-copy) h2 {
  margin: 10px 0 8px !important; color: #171e3e; font-size: clamp(24px, 3vw, 34px) !important;
  line-height: 1.65 !important; font-weight: 900;
}
body:has(#hero-title) :is(.section-heading, .demo-copy) p { max-width: 620px; color: #59647a !important; font-size: 13px; line-height: 2; }
body:has(#hero-title) .steps { gap: 16px !important; padding-top: 32px !important; }
body:has(#hero-title) .steps article,
body:has(#hero-title) .security-grid article {
  min-height: 0 !important; padding: 24px !important; border: 1px solid #dce3ee !important;
  border-radius: 14px !important; background: #fff !important; box-shadow: 0 10px 30px rgba(23, 30, 62, .07) !important;
}
body:has(#hero-title) .steps h3 { margin: 18px 0 6px !important; color: #171e3e; font-size: 17px !important; }
body:has(#hero-title) .steps p,
body:has(#hero-title) .security-grid p { margin: 0; color: #59647a !important; font-size: 13px !important; line-height: 1.95; }
body:has(#hero-title) .step-number { border-radius: 9px; background: #dff5f1; color: #176c65; }
body:has(#hero-title) .live-demo { grid-template-columns: minmax(260px, 340px) minmax(0, 1fr) !important; gap: 56px !important; align-items: center; }
body:has(#hero-title) .demo-copy { align-self: center; }
body:has(#hero-title) .demo-tabs { gap: 8px; }
body:has(#hero-title) .demo-tabs button { min-height: 44px; padding-inline: 14px !important; text-align: right; }
body:has(#hero-title) .demo-window { border-radius: 16px !important; border-color: #dce3ee !important; box-shadow: 0 16px 40px rgba(23, 30, 62, .1) !important; }
body:has(#hero-title) .demo-bar { background: #171e3e; color: #fff; }
body:has(#hero-title) .demo-request { margin: 16px; padding: 20px; box-shadow: none !important; border: 1px solid #dce3ee; }
body:has(#hero-title) .offer-stack { padding: 0 16px 16px; }
body:has(#hero-title) .offer-stack article { padding: 14px; }
body:has(#hero-title) .security-grid { gap: 16px !important; }
body:has(#hero-title) .security-grid h3 { margin: 18px 0 8px !important; color: #171e3e; font-size: 19px !important; line-height: 1.8; }
body:has(#hero-title) .security-grid .wide { min-height: 0 !important; }
body:has(#hero-title) .security-grid article:nth-child(2) { border-top: 3px solid #5b4f9b !important; }
body:has(#hero-title) .security-grid article:nth-child(3) { border-top: 3px solid #168b88 !important; }
body:has(#hero-title) .faq { grid-template-columns: minmax(260px, 340px) minmax(0, 1fr) !important; gap: 56px !important; align-items: start; }
body:has(#hero-title) .faq-list { border-top: 1px solid #dce3ee; }
body:has(#hero-title) .faq-list details { padding: 0 4px; border-bottom: 1px solid #dce3ee; }
body:has(#hero-title) .faq-list summary { min-height: 64px; padding: 14px 6px; color: #171e3e; line-height: 1.8; }
body:has(#hero-title) .faq-list details p { padding: 0 6px 18px; color: #59647a !important; font-size: 12px; line-height: 2; }
body:has(#hero-title) .final-cta {
  width: min(1120px, calc(100% - 40px)); margin: 30px auto 76px; min-height: 180px; padding: 30px;
  border: 1px solid #cfd9e8; border-radius: 18px; background: #edf3fb; box-shadow: 0 16px 38px rgba(23, 30, 62, .09);
}
body:has(#hero-title) footer { background: #171e3e; color: #f8fafc; }
body:has(#hero-title) footer a,
body:has(#hero-title) footer small,
body:has(#hero-title) footer p { color: #cbd5e1; }

@media (max-width: 760px) {
body:has(#hero-title) .section { width: calc(100% - 28px) !important; padding: 52px 0 !important; }
body:has(#hero-title) .section-heading { margin-bottom: 24px; }
body:has(#hero-title) .workflow .steps { padding: 0 !important; }
body:has(#hero-title) .workflow-connectors,
body:has(#hero-title) .workflow-connectors-mobile { display: none !important; }
body:has(#hero-title) .live-demo,
body:has(#hero-title) .faq { grid-template-columns: 1fr !important; gap: 28px !important; }
body:has(#hero-title) .security-grid { grid-template-columns: 1fr !important; }
body:has(#hero-title) .security-grid .wide { grid-column: auto !important; }
body:has(#hero-title) .final-cta { width: calc(100% - 28px); margin: 20px auto 82px !important; padding: 22px !important; }
}

/* 2026-10 premium landing pass */
body:has(#hero-title) .landing-nav {
  width:min(1160px,calc(100% - 32px));
  background:rgba(250,252,255,.9)!important;
  backdrop-filter:blur(18px) saturate(1.08);
  transition:top 180ms ease,background-color 180ms ease,box-shadow 180ms ease;
}
body:has(#hero-title).landing-scrolled .landing-nav {
  top:8px;
  background:rgba(250,252,255,.97)!important;
  box-shadow:0 12px 34px rgba(23,30,62,.16)!important;
}
body:has(#hero-title) .landing-nav nav a { position:relative; color:#46536a; font-weight:650; }
body:has(#hero-title) .landing-nav nav a:after { content:""; position:absolute; right:12px; left:12px; bottom:3px; height:2px; background:#168b88; transform:scaleX(0); transition:transform 160ms ease; }
body:has(#hero-title) .landing-nav nav a:hover:after,
body:has(#hero-title) .landing-nav nav a:focus-visible:after { transform:scaleX(1); }
body:has(#hero-title) .hero { min-height:0!important; padding:116px 24px 58px!important; }
body:has(#hero-title) .hero:after {
  content:""; position:absolute; z-index:-1; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(244,247,255,.06) 0%,rgba(255,255,255,.14) 54%,rgba(255,251,247,.5) 100%);
}
body:has(#hero-title) .hero-copy { max-width:700px!important; }
body:has(#hero-title) .hero-kicker { color:#46536a!important; font-weight:700; }
body:has(#hero-title) .hero h1 { margin-top:2px!important; font-size:clamp(62px,6vw,80px)!important; line-height:1.55!important; text-wrap:balance; }
body:has(#hero-title) .hero-signature { color:#171e3e; font-size:18px; font-weight:850; }
body:has(#hero-title) .hero-copy>p { max-width:590px!important; margin:10px auto 18px!important; font-size:14px!important; line-height:2!important; }
body:has(#hero-title) :is(.hero-primary,.hero-secondary) { min-width:142px; border-radius:7px!important; }
body:has(#hero-title) .instant-composer {
  display:grid; grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr); gap:0 18px;
  max-width:800px!important; margin-top:30px!important; padding:20px!important;
  border:1px solid rgba(255,255,255,.82)!important; border-radius:12px!important;
  background:rgba(252,253,255,.94)!important; box-shadow:0 22px 54px rgba(28,39,73,.16)!important;
  backdrop-filter:blur(14px);
}
body:has(#hero-title) .composer-head,
body:has(#hero-title) .request-input,
body:has(#hero-title) .composer-submit,
body:has(#hero-title) .composer-note { grid-column:1/-1; }
body:has(#hero-title) .composer-head { border-bottom:1px solid #dce3ee; }
body:has(#hero-title) .composer-icon { border-radius:8px!important; background:#171e3e!important; color:#fff!important; }
body:has(#hero-title) .secure-state { border-radius:6px!important; background:#dff5f1!important; color:#176c65!important; font-weight:750; }
body:has(#hero-title) .request-input textarea { min-height:92px; border-radius:8px!important; background:#f7f9fc!important; border:1px solid #cbd6e6!important; }
body:has(#hero-title) .request-input textarea:focus { background:#fff!important; border-color:#168b88!important; box-shadow:0 0 0 3px rgba(22,139,136,.12)!important; }
body:has(#hero-title) .instant-composer fieldset { min-width:0; margin:10px 0 14px; border:0; }
body:has(#hero-title) .choice-row button,
body:has(#hero-title) .privacy-options span { border-radius:6px!important; }
body:has(#hero-title) .composer-submit { height:48px; border-radius:7px!important; }
body:has(#hero-title) .trust-strip { max-width:800px; margin-top:12px; border-top:1px solid rgba(23,30,62,.15); border-bottom:1px solid rgba(23,30,62,.15); }
body:has(#hero-title) .trust-strip span { color:#2f3b52; font-size:10px; font-weight:700; }
body:has(#hero-title) .trust-strip span:before { color:#08796f; font-weight:900; }
body:has(#hero-title) .workflow { border-top:1px solid #f0e1d7; border-bottom:1px solid #f0e1d7; }
body:has(#hero-title) .security { border-top:1px solid #dce6f4; border-bottom:1px solid #dce6f4; }
body:has(#hero-title) .steps article { border-radius:10px!important; box-shadow:0 8px 22px rgba(23,30,62,.055)!important; }
body:has(#hero-title) .steps article:nth-of-type(2) .step-number { background:#ebe6f5; color:#5b4f9b; }
body:has(#hero-title) .steps article:nth-of-type(3) .step-number { background:#f6ead2; color:#876223; }
body:has(#hero-title) .demo-tabs button { border-radius:7px!important; }
body:has(#hero-title) .demo-tabs button.active { background:#171e3e!important; color:#fff!important; }
body:has(#hero-title) .offer-stack article>b { min-width:52px; text-align:center; color:#176c65; background:#dff5f1; padding:4px 7px; border-radius:5px; }
body:has(#hero-title) .security-grid article { border-radius:10px!important; box-shadow:0 8px 22px rgba(23,30,62,.055)!important; }
body:has(#hero-title) .final-cta { border-radius:12px; background:#eaf1fb; }
body:has(#hero-title) footer { border-top:4px solid #d3aa4a; }

@media (max-width:760px) {
  body:has(#hero-title) .landing-nav { backdrop-filter:blur(14px); }
  body:has(#hero-title) .hero { padding:82px 12px 34px!important; }
  body:has(#hero-title) .hero-kicker { max-width:290px; font-size:10px!important; line-height:1.8; }
  body:has(#hero-title) .hero-kicker:before,
  body:has(#hero-title) .hero-kicker:after { width:18px; }
  body:has(#hero-title) .hero h1 { margin-top:8px!important; font-size:clamp(48px,15vw,62px)!important; line-height:1.5!important; }
  body:has(#hero-title) .hero-signature { font-size:14px; }
  body:has(#hero-title) .hero-copy>p { margin-block:8px 16px!important; font-size:12px!important; }
  body:has(#hero-title) .instant-composer { display:block; margin-top:24px!important; padding:14px!important; border-radius:10px!important; }
  body:has(#hero-title) .request-input textarea { min-height:94px!important; font-size:14px!important; }
  body:has(#hero-title) .trust-strip { grid-template-columns:1fr 1fr!important; gap:0; }
  body:has(#hero-title) .trust-strip span { display:flex; align-items:center; text-align:right; padding:9px 5px; font-size:9px; }
  body:has(#hero-title) .section { padding-block:46px!important; }
  body:has(#hero-title) .steps article,
  body:has(#hero-title) .security-grid article { padding:20px!important; }
  body:has(#hero-title) .offer-stack article>b { min-width:46px; font-size:8px; }
}

@media (max-width:360px) {
  body:has(#hero-title) .nav-actions .nav-cta { display:none!important; }
  body:has(#hero-title) .landing-brand strong { display:inline!important; }
  body:has(#hero-title) .hero-actions { grid-template-columns:1fr!important; }
  body:has(#hero-title) .trust-strip { grid-template-columns:1fr!important; }
}

/* Landing composition v2: asymmetric, content-led and less card-heavy. */
@media (min-width:941px) {
  body:has(#hero-title) .hero {
    display:grid!important;
    grid-template-columns:minmax(420px,.92fr) minmax(520px,1.08fr)!important;
    grid-template-areas:"copy composer" "trust trust";
    align-items:center!important;
    column-gap:clamp(42px,5vw,82px)!important;
    row-gap:22px!important;
    width:100%!important;
    margin-inline:0!important;
    padding:132px max(24px,calc((100vw - 1180px)/2)) 48px!important;
  }
  body:has(#hero-title) .hero-copy {
    grid-area:copy;
    width:auto!important;
    max-width:500px!important;
    margin:0!important;
    text-align:right!important;
    align-self:center;
  }
  body:has(#hero-title) .hero-kicker { justify-content:flex-start; font-size:12px!important; }
  body:has(#hero-title) .hero-kicker:after { display:none; }
  body:has(#hero-title) .hero h1 {
    margin:8px 0 2px!important;
    font-size:clamp(64px,6vw,82px)!important;
    line-height:1.45!important;
  }
  body:has(#hero-title) .hero-signature { max-width:480px; font-size:20px; line-height:1.9; }
  body:has(#hero-title) .hero-copy>p {
    max-width:500px!important;
    margin:10px 0 22px!important;
    font-size:14px!important;
    line-height:2.05!important;
  }
  body:has(#hero-title) .hero-actions { justify-content:flex-start!important; }
  body:has(#hero-title) .instant-composer {
    grid-area:composer;
    display:block!important;
    width:100%!important;
    max-width:560px!important;
    margin:0!important;
    justify-self:end;
    padding:20px!important;
  }
  body:has(#hero-title) .request-input { margin:14px 0 10px; }
  body:has(#hero-title) .request-input textarea { min-height:100px; }
  body:has(#hero-title) .instant-composer fieldset { margin:10px 0; }
  body:has(#hero-title) .choice-row { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); }
  body:has(#hero-title) .choice-row button { min-width:0; min-height:38px; padding-inline:6px; }
  body:has(#hero-title) .privacy-options { grid-template-columns:1fr 1fr; }
  body:has(#hero-title) .trust-strip {
    grid-area:trust;
    width:100%; max-width:none; margin:0;
    background:rgba(255,255,255,.46);
  }
}

body:has(#hero-title) .workflow .section-heading,
body:has(#hero-title) .security .section-heading { margin-inline:0; text-align:right; }
body:has(#hero-title) .section-heading,
body:has(#hero-title) .demo-copy { display:block!important; min-height:0!important; }
body:has(#hero-title) .section-heading>* { width:auto; }
body:has(#hero-title) :is(.section-heading,.demo-copy)>span {
  min-height:auto; padding:0; border-radius:0; background:transparent; color:#28777a;
  font-size:11px; letter-spacing:0;
}
body:has(#hero-title) .steps { gap:0!important; padding-top:12px!important; border-top:1px solid #d8dee9; }
body:has(#hero-title) .workflow-connectors,
body:has(#hero-title) .workflow-connectors-mobile { display:none!important; }
body:has(#hero-title) .steps article {
  padding:24px 26px!important;
  border:0!important; border-inline-start:1px solid #d8dee9!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important;
}
body:has(#hero-title) .steps article:first-of-type { border-inline-start:0!important; }
body:has(#hero-title) .step-number {
  width:auto; height:auto; padding:0; border-radius:0; background:transparent!important;
  color:#28777a!important; font-size:24px; font-weight:900;
}
body:has(#hero-title) .steps h3 { margin:12px 0 5px!important; }
body:has(#hero-title) .security-grid { gap:0!important; border-top:1px solid #d7e0ec; border-bottom:1px solid #d7e0ec; }
body:has(#hero-title) .security-grid article {
  padding:26px!important; border:0!important; border-radius:0!important;
  background:transparent!important; box-shadow:none!important;
}
body:has(#hero-title) .security-grid article:nth-child(2),
body:has(#hero-title) .security-grid article:nth-child(3) { border-top:1px solid #d7e0ec!important; }
body:has(#hero-title) .security-grid article:nth-child(2) { border-inline-end:1px solid #d7e0ec!important; }
body:has(#hero-title) .security-grid .wide:first-child { background:rgba(255,255,255,.52)!important; }
body:has(#hero-title) .security-grid .metric { border-top:1px solid #d7e0ec!important; }
body:has(#hero-title) .demo-window { border-radius:10px!important; }
body:has(#hero-title) .final-cta { border-radius:8px; }

/* Product-faithful request preview */
body:has(#hero-title) .workflow .steps { grid-template-columns:repeat(4,minmax(0,1fr))!important; }
body:has(#hero-title) .demo-request { color:#171e3e; }
body:has(#hero-title) .demo-request-context,
body:has(#hero-title) .demo-author,
body:has(#hero-title) .demo-actions { display:flex; align-items:center; gap:10px; }
body:has(#hero-title) .demo-request-context { justify-content:space-between; color:#28777a; font-size:10px; font-weight:800; }
body:has(#hero-title) .demo-request-context b { color:#8b94a8; font-weight:600; }
body:has(#hero-title) .demo-author { margin-top:18px; }
body:has(#hero-title) .demo-author>span { width:38px; height:38px; padding:0; display:grid; place-items:center; flex:0 0 38px; border-radius:12px; background:#2b8de3; color:#fff; font-size:13px; font-weight:900; }
body:has(#hero-title) .demo-author>div { display:block; min-width:0; }
body:has(#hero-title) .demo-author strong,
body:has(#hero-title) .demo-author small { display:block; }
body:has(#hero-title) .demo-author small { margin-top:2px; color:#8b94a8; font-size:9px; }
body:has(#hero-title) .demo-author em { margin-right:auto; color:#667085; font-size:9px; font-style:normal; }
body:has(#hero-title) .demo-request h3 { margin:24px 0 7px; font-size:19px; line-height:1.8; }
body:has(#hero-title) .demo-request>p { margin:0; color:#59647a; font-size:12px; line-height:2; }
body:has(#hero-title) .demo-category { justify-content:flex-start; margin-top:16px; }
body:has(#hero-title) .demo-category span { padding:6px 9px; border-radius:6px; background:#e0f2f3; color:#176c65; font-size:9px; }
body:has(#hero-title) .demo-actions { justify-content:space-between; margin-top:18px; padding-top:14px; border-top:1px solid #dce3ee; }
body:has(#hero-title) .demo-actions span { padding:0; color:#667085; font-size:9px; }
body:has(#hero-title) .demo-actions button { min-height:38px; padding:0 15px; border:0; border-radius:7px; background:#171e3e; color:#fff; font-size:10px; font-weight:800; opacity:1; }
body:has(#hero-title) .demo-private-note { margin:0 16px 16px; padding:13px 15px; display:grid; gap:3px; border-inline-start:3px solid #28777a; background:#eef7f7; color:#354056; }
body:has(#hero-title) .demo-private-note strong { font-size:11px; }
body:has(#hero-title) .demo-private-note span { font-size:10px; line-height:1.9; }

@media (max-width:940px) {
  body:has(#hero-title) .hero-copy { text-align:right!important; }
  body:has(#hero-title) .hero-kicker { justify-content:flex-start; margin-inline:0; }
  body:has(#hero-title) .hero-kicker:after { display:none; }
  body:has(#hero-title) .hero h1 { text-align:right; }
  body:has(#hero-title) .hero-signature { text-align:right; }
  body:has(#hero-title) .hero-copy>p { margin-inline:0!important; text-align:right; }
  body:has(#hero-title) .hero-actions { margin-inline:0!important; }
  body:has(#hero-title) .workflow .section-heading,
  body:has(#hero-title) .security .section-heading { text-align:right; }
  body:has(#hero-title) .steps { border-top:0; }
  body:has(#hero-title) .workflow .steps { grid-template-columns:1fr!important; }
  body:has(#hero-title) .steps article {
    border-inline-start:0!important; border-top:1px solid #d8dee9!important; padding:20px 4px!important;
  }
  body:has(#hero-title) .security-grid article,
  body:has(#hero-title) .security-grid article:nth-child(2) { border-inline:0!important; }
}

@media (max-width:620px) {
  body:has(#hero-title) .hero { padding-inline:16px!important; }
  body:has(#hero-title) .hero h1 { font-size:clamp(46px,15vw,58px)!important; }
  body:has(#hero-title) .hero-actions { grid-template-columns:1fr 1fr!important; }
  body:has(#hero-title) .instant-composer { margin-top:22px!important; }
  body:has(#hero-title) .composer-head { grid-template-columns:40px minmax(0,1fr)!important; }
}

@media (max-width:360px) {
  body:has(#hero-title) .hero-actions { grid-template-columns:1fr!important; }
}

/* Conversion-focused composer details. */
body:has(#hero-title) .instant-composer {
  transition:border-color 160ms ease,box-shadow 160ms ease;
}
body:has(#hero-title) .instant-composer:focus-within {
  border-color:rgba(22,139,136,.42)!important;
  box-shadow:0 24px 58px rgba(28,39,73,.19),0 0 0 3px rgba(22,139,136,.08)!important;
}
body:has(#hero-title) .prompt-starters {
  display:flex;
  align-items:center;
  gap:6px;
  margin:-2px 0 12px;
  overflow-x:auto;
  scrollbar-width:none;
}
body:has(#hero-title) .prompt-starters::-webkit-scrollbar { display:none; }
body:has(#hero-title) .prompt-starters>span {
  flex:0 0 auto;
  color:#667085;
  font-size:9px;
  font-weight:750;
}
body:has(#hero-title) .prompt-starters button {
  flex:0 0 auto;
  min-height:32px;
  padding:5px 9px;
  color:#34435e;
  background:#fff;
  border:1px solid #cfdae8;
  border-radius:6px;
  box-shadow:none;
  font-size:9px;
  font-weight:700;
  cursor:pointer;
}
body:has(#hero-title) .prompt-starters button:hover,
body:has(#hero-title) .prompt-starters button:focus-visible {
  color:#126c70;
  border-color:#78bfc0;
  background:#edf8f6;
}
body:has(#hero-title) .hero-primary { box-shadow:0 9px 22px rgba(23,30,62,.2)!important; }
body:has(#hero-title) .hero-secondary { background:rgba(255,255,255,.72)!important; }
body:has(#hero-title) .composer-note { color:#667085!important; }
@media (max-width:760px) {
  body:has(#hero-title) .landing-brand strong { display:inline!important; font-size:13px!important; }
  body:has(#hero-title) .prompt-starters {
    margin-inline:-2px;
    padding:0 2px 3px;
  }
  body:has(#hero-title) .prompt-starters button { min-height:36px; font-size:10px; }
}
@media (min-width:361px) and (max-width:430px) {
  body:has(#hero-title) .landing-nav { gap:4px!important; }
  body:has(#hero-title) .landing-brand { gap:6px; }
  body:has(#hero-title) .landing-brand strong { font-size:12px!important; }
  body:has(#hero-title) .nav-actions { gap:2px; }
  body:has(#hero-title) .landing-nav .login-link { padding-inline:6px!important; }
  body:has(#hero-title) .landing-nav .nav-cta { padding-inline:8px!important; font-size:9px!important; }
}

/* Search-readable use cases with the same restrained coastal signature. */
body:has(#hero-title) .use-cases {
  display:grid;
  grid-template-columns:minmax(250px,.72fr) minmax(0,1.28fr);
  gap:clamp(34px,6vw,78px);
  align-items:start;
  border-top:1px solid #dce3ee;
}
body:has(#hero-title) .use-cases .section-heading { position:sticky; top:92px; }
body:has(#hero-title) .use-case-list { border-top:1px solid #cbd6e6; }
body:has(#hero-title) .use-case-list article {
  display:grid;
  grid-template-columns:44px minmax(0,1fr);
  gap:18px;
  padding:22px 4px;
  border-bottom:1px solid #dce3ee;
}
body:has(#hero-title) .use-case-list article>b {
  color:#b2872f;
  font-size:12px;
  font-variant-numeric:tabular-nums;
}
body:has(#hero-title) .use-case-list h3 { margin:0 0 5px; color:#171e3e; font-size:16px; }
body:has(#hero-title) .use-case-list p { margin:0; color:#59647a; font-size:12px; line-height:1.95; }
body:has(#hero-title) .use-case-list article:hover h3 { color:#08796f; }

@media (max-width:760px) {
  body:has(#hero-title) .use-cases { grid-template-columns:1fr; gap:22px; }
  body:has(#hero-title) .use-cases .section-heading { position:static; }
  body:has(#hero-title) .use-case-list article { grid-template-columns:36px minmax(0,1fr); gap:12px; padding:18px 2px; }
}

body:has(#hero-title) footer .social-links {
  display:flex;
  align-items:center;
  gap:7px;
  direction:rtl;
}
body:has(#hero-title) footer .social-links a {
  min-height:38px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:7px 9px;
  color:#f8fafc;
  border:1px solid rgba(255,255,255,.18);
  border-radius:7px;
  font-size:9px;
}
body:has(#hero-title) footer .social-links a:hover,
body:has(#hero-title) footer .social-links a:focus-visible { color:#f1c969; border-color:#d3aa4a; background:rgba(255,255,255,.06); }
body:has(#hero-title) footer .social-links svg { width:17px; height:17px; fill:currentColor; }
body:has(#hero-title) footer .social-links a:nth-child(2) svg { fill:none; stroke:currentColor; stroke-width:1.8; }
body:has(#hero-title) footer .social-links .social-dot { fill:currentColor; stroke:none; }
body:has(#hero-title) footer .social-links>b { color:#aebbd0; font-size:9px; font-weight:600; }

body:has(#hero-title) .site-footer {
  grid-template-columns:minmax(190px,.8fr) minmax(0,2fr);
  align-items:start;
  gap:38px 70px;
  padding-top:48px;
  padding-bottom:28px;
}
body:has(#hero-title) .site-footer .footer-brand img { width:48px; height:48px; border-radius:10px; }
body:has(#hero-title) .site-footer .footer-brand strong { font-size:18px; }
body:has(#hero-title) .site-footer .footer-brand small { margin-top:3px; font-size:10px; }
body:has(#hero-title) .footer-groups {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:34px;
}
body:has(#hero-title) .footer-groups section { min-width:0; }
body:has(#hero-title) .footer-groups h2 { margin:0 0 12px; color:#fff; font-size:12px; }
body:has(#hero-title) .footer-groups nav,
body:has(#hero-title) .footer-values { display:grid; align-content:start; gap:8px; }
body:has(#hero-title) .footer-groups nav a,
body:has(#hero-title) .footer-values span { color:#b9c5d7; font-size:10px; line-height:1.8; }
body:has(#hero-title) .footer-groups nav a:hover,
body:has(#hero-title) .footer-groups nav a:focus-visible { color:#f1c969; }
body:has(#hero-title) .footer-values span { position:relative; padding-right:13px; }
body:has(#hero-title) .footer-values span:before { content:""; position:absolute; right:0; top:.75em; width:5px; height:5px; border-radius:50%; background:#31a7a2; }
body:has(#hero-title) .footer-connect {
  grid-column:1/-1;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:20px;
  border-top:1px solid rgba(255,255,255,.12);
}
body:has(#hero-title) .site-footer .footer-connect>p { margin:0; padding:0; font-size:9px; }

@media (max-width:820px) {
  body:has(#hero-title) .site-footer { grid-template-columns:1fr; gap:28px; padding:34px 18px 90px!important; }
  body:has(#hero-title) .footer-groups { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px 20px; }
  body:has(#hero-title) .footer-groups section:nth-child(2) { grid-column:1/-1; grid-row:2; }
  body:has(#hero-title) .footer-connect { flex-direction:column; align-items:flex-start; }
  body:has(#hero-title) footer .social-links { flex-wrap:wrap; }
  body:has(#hero-title) footer .social-links a { min-height:42px; }
}
@media (max-width:380px) {
  body:has(#hero-title) .footer-groups { grid-template-columns:1fr; }
  body:has(#hero-title) .footer-groups section:nth-child(2) { grid-column:auto; grid-row:auto; }
}