/* Group F uses actual 1440, 1024 and 390 references. Between desktop and compact,
   interpolate their column and title sizes; the shared integrated menu begins at 900. */
.r8-product{--core-muted:#646761;background:linear-gradient(180deg,#fbf6ed 0%,#f1e5d6 43%,#eeefeb 100%)}
.f-privacy-product .f-quote p{color:#575a54}
.r8-product .f-chat-window figcaption{color:#98492f}
.f-hero{padding-block:72px 44px;display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.f-hero h1{font-size:clamp(52px,calc(3.846154vw + 12.615385px),68px);line-height:1.117647;width:100%}
.f-lead{max-width:880px;font-size:18px;line-height:27px;color:var(--core-muted)}
.r8-product .core-eyebrow{font-weight:500}
/* Native F/G effects: BACKGROUND_BLUR18, DROP_SHADOW radius10/offset3/alpha.035, showShadowBehindNode=true. */
.f-frost{position:relative;isolation:isolate;border:1px solid rgba(255,255,255,.82);border-radius:24px;background:transparent;backdrop-filter:blur(9px);padding:22px 22px 22px 24px;min-width:0}
.f-frost::before{content:"";position:absolute;inset:0;border-radius:inherit;background:rgba(41,47,51,.035);filter:blur(5px);transform:translateY(3px);z-index:-2;pointer-events:none}
.f-frost::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.24));z-index:-1;pointer-events:none}
.f-copy{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.f-copy>h2{font-size:48px;line-height:54px;width:100%}.f-copy>p{font-size:15px;line-height:23px;color:var(--core-muted);width:100%}
.f-chips,.f-state-links{display:flex;flex-wrap:wrap;gap:0 8px;align-items:flex-start}
.f-chip{position:relative;display:inline-block;border:1px solid rgba(255,255,255,.82);border-radius:20px;padding:10px 16px;background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.24));width:calc(var(--label-width) + 34px);max-width:100%;font-size:12px;line-height:18px;font-weight:500;text-align:left;flex:none}
.f-chip-ink{background:rgba(41,52,56,.9);color:white!important}
.f-state-links button::after{content:'';position:absolute;inset:-3px 0}
.f-state-links button:disabled{cursor:default;opacity:1}
.f-two,.f-three,.f-four{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
.f-three{grid-template-columns:repeat(3,minmax(0,1fr))}.f-four{grid-template-columns:repeat(4,minmax(0,1fr))}
.f-small-card{display:flex;flex-direction:column;gap:6px;width:100%}.f-small-card h3{font-size:18px;line-height:20px}.f-small-card p,.f-feature p{font-size:13px;line-height:20px;color:var(--core-muted)}
.f-features{padding-block:30px 66px}.f-feature{display:flex;flex-direction:column;gap:8px}.f-feature h3{font-size:21px;line-height:24px}
.f-band{padding-block:64px 70px}.f-band>.core-wrap{display:flex;flex-direction:column;gap:15px;align-items:flex-start}.f-band h2{font-size:44px;line-height:49px}.f-band p{font-size:15px;line-height:23px;max-width:950px}
.f-mutual .f-hero{gap:28px;padding-bottom:42px}.f-mutual .f-hero h1{font-size:clamp(52px,calc(4.326923vw + 7.692308px),70px);line-height:1.114286}
.f-mutual-story{display:flex;align-items:center;gap:40px;padding-block:20px 74px}.f-mutual-story>.f-copy{width:clamp(360px,calc(16.826923vw + 187.692308px),430px);flex:none}.f-mutual-story .f-state-links{flex-direction:column;gap:8px}
.f-consent-demo{display:flex;flex-direction:column;gap:18px;width:clamp(520px,calc(24.038462vw + 273.846154px),620px);flex:none;max-width:100%}
.f-consent-demo>.f-two{gap:16px}.f-person{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.f-person h3{font-size:20px;line-height:22px}.f-person p{font-size:12px;line-height:18px;color:var(--core-muted)}
.f-caption{font-size:13px;line-height:20px;color:var(--core-muted)}
.f-mutual-band{padding-block:68px 72px}.f-mutual-band>.core-wrap{display:flex;flex-direction:column;gap:22px;align-items:flex-start}.f-mutual-band .core-eyebrow{color:#e8bc91}.f-mutual-band h2{font-size:46px;line-height:52px}.f-mutual-band p:last-child{font-size:15px;line-height:23px;max-width:920px}
.f-cta{padding-block:50px 62px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.f-cta h2{font-size:30px;line-height:34px}.f-cta .core-button{width:210px;font-size:15px;line-height:22px}
.f-privacy-product .f-hero{padding-bottom:38px}.f-privacy-product .f-lead,.f-share .f-lead{max-width:860px}
.f-privacy{display:flex;flex-direction:column;gap:22px;padding-block:16px 64px}.f-privacy .f-state-links{gap:0 10px}.f-layer{display:flex;flex-direction:column;gap:10px}.f-layer h2{font-size:24px;line-height:27px}.f-layer p{font-size:13px;line-height:20px;color:var(--core-muted)}.f-layer .f-layer-primary{font-size:14px;line-height:21px;font-weight:500;color:var(--core-ink)}
.f-quote{padding-block:58px 66px;background:rgba(185,199,192,.45)}.f-quote>.core-wrap{display:flex;flex-direction:column;gap:18px}.f-quote h2{font-size:48px;line-height:54px}.f-quote p{font-size:15px;line-height:23px;color:var(--core-muted);max-width:900px}
.f-share .f-hero{gap:18px;padding-bottom:40px}.f-share-story{display:flex;gap:52px;align-items:center;padding-block:16px 64px}.f-share-story>*{width:clamp(430px,calc(21.634615vw + 208.461538px),520px);flex:none}.f-share-proof{display:flex;flex-direction:column;gap:14px;align-items:flex-start}.f-share-proof h2{font-size:30px;line-height:34px}.f-share-proof>p:not(.core-eyebrow){font-size:13px;line-height:20px;color:var(--core-muted)}.f-share-proof picture,.f-share-proof img{display:block;width:260px;height:260px;max-width:100%}.f-share-proof figcaption{font-size:12px;line-height:18px;color:var(--core-muted)}.f-share .f-band{padding-block:54px 60px}.f-share .f-band>.core-wrap{gap:16px}.f-share .f-band p{max-width:900px}
.f-circle-story{display:flex;gap:54px;align-items:center;padding-block:12px 52px}.f-discover{position:relative;width:clamp(380px,calc(21.634615vw + 158.461538px),470px);height:620px;flex:none;overflow:hidden;border-radius:30px}.f-discover img{position:absolute;top:-90px;left:0;width:100%;height:auto}.f-circle-story .f-copy{width:clamp(440px,calc(24.038462vw + 193.846154px),540px);flex:none}.f-circle-story .f-chip{padding:8px 14px;width:calc(var(--label-width) + 30px);height:36px}
.f-plan-story{padding-block:10px 52px;display:flex;flex-direction:column;gap:34px}.f-plan{display:flex;flex-direction:column;gap:9px}.f-plan h2{font-size:28px;line-height:31px}.f-plan>p:last-child{font-size:13px;line-height:20px;color:var(--core-muted)}
.f-chat-story{display:flex;gap:52px;align-items:center;padding-block:12px 58px}.f-chat-window{width:clamp(440px,calc(19.230769vw + 243.076923px),520px);flex:none;display:flex;flex-direction:column;gap:12px}.f-chat-window figcaption{font-size:12px;line-height:18px;color:var(--core-accent);font-weight:500}.f-bubbles{display:flex;flex-direction:column;gap:12px;width:100%}.f-bubble{font-size:13px;line-height:20px;width:var(--bubble-width);max-width:100%;background:rgba(255,255,255,.6)}.f-bubble-2{align-self:flex-end;background:transparent;color:white}.f-bubble-2::after{background:rgba(41,52,56,.9)}.f-chat-story .f-copy{width:clamp(420px,calc(19.230769vw + 223.076923px),500px);flex:none}.f-chat-story .f-copy>h2{font-size:46px;line-height:52px}
.f-search-story{padding-block:10px 52px;display:flex;flex-direction:column;gap:18px}.f-search-query{width:100%;font-size:18px;line-height:27px}.f-search-results article{display:flex;flex-direction:column;gap:8px}.f-search-results .core-eyebrow{font-size:10px;line-height:15px}.f-search-results h2{font-size:20px;line-height:22px}.f-search-results p:last-child{font-size:13px;line-height:20px;color:var(--core-muted)}
.f-organizer-story{padding-block:10px 54px;display:flex;flex-direction:column;gap:22px}.f-organizer-step{display:flex;flex-direction:column;gap:8px}.f-organizer-step h2{font-size:21px;line-height:24px}.f-organizer-step>p:last-child{font-size:13px;line-height:20px;color:var(--core-muted)}.f-organizer-proof{display:flex;flex-direction:column;gap:12px}.f-organizer-proof h2{font-size:28px;line-height:31px}.f-organizer-proof>p{font-size:14px;line-height:21px;color:var(--core-muted)}
.f-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip-path:inset(50%);white-space:nowrap;border:0!important}
/* Mutual/Privacy state pills use10/16; other illustration pills use9/15. */
.f-chips .f-chip,.f-circle-story .f-chip{padding:9px 15px;width:calc(var(--label-width) + 32px);height:38px;border-radius:19px}
.f-chat-story .f-copy{width:clamp(390px,calc(26.442308vw + 119.230769px),500px)}
.f-organizer-proof{gap:14px}
.f-search-results article{gap:7px}.f-search-query{font-weight:500}
@media(max-width:900px){
 .f-hero{padding-block:38px 34px}.f-hero h1,.f-mutual .f-hero h1{font-size:42px;line-height:47px}.f-lead{font-size:16px;line-height:24px}.f-copy>h2,.f-chat-story .f-copy>h2{font-size:34px;line-height:38px}
 .f-mutual .f-hero{gap:18px;padding-bottom:30px}.f-mutual-story{flex-direction:column;align-items:stretch;gap:22px;padding-bottom:54px}.f-mutual-story>.f-copy,.f-consent-demo{width:100%}.f-consent-demo>.f-two{grid-template-columns:1fr}.f-mutual-band{padding-block:48px 52px}.f-mutual-band h2{font-size:32px;line-height:36px}.f-cta .core-button{width:220px}
 .f-privacy-product .f-hero{padding-bottom:38px}.f-privacy{gap:18px}.f-three,.f-four{grid-template-columns:1fr;gap:14px}.f-quote h2{font-size:34px;line-height:38px}
 .f-share-story,.f-circle-story,.f-chat-story{flex-direction:column;align-items:stretch;gap:24px}.f-share-story>*,.f-circle-story .f-copy,.f-chat-story .f-copy,.f-chat-window{width:100%}.f-share-proof picture,.f-share-proof img{width:210px;height:210px}.f-share .f-band h2{font-size:32px;line-height:36px}
 .f-discover{width:100%;height:auto;aspect-ratio:342/480}.f-discover img{top:calc(-120 / 342 * 100% * 342 / 480)}
 .f-features{padding-block:20px 50px}.f-features .f-three{gap:12px}.f-band{padding-block:50px 54px}.f-band h2{font-size:32px;line-height:36px}
 .f-plan-story{gap:22px}.f-plan-story>.f-two{grid-template-columns:1fr;gap:12px}.f-chat-window .f-bubble-1,.f-chat-window .f-bubble-2{width:252px}.f-chat-story .f-copy{width:100%}
 .f-organizer-story{gap:16px}.f-organizer-story>.f-four{gap:12px}
 .f-search-results{gap:12px}
}
@media(max-width:359px){.f-hero h1,.f-mutual .f-hero h1{font-size:clamp(34px,10.769231vw,42px);line-height:1.119048}.f-copy>h2,.f-chat-story .f-copy>h2{font-size:30px;line-height:34px}.f-consent-demo>.core-eyebrow{overflow-wrap:anywhere}.f-chip{white-space:normal}.f-privacy .f-state-links{row-gap:8px}}

/* Authored control widths must remain available under the public style-src CSP. */
.f-label-width-58{--label-width:58px}
.f-label-width-64{--label-width:64px}
.f-label-width-72{--label-width:72px}
.f-label-width-88{--label-width:88px}
.f-bubble-width-161{--bubble-width:161px}
.f-bubble-width-259{--bubble-width:259px}
.f-bubble-width-364{--bubble-width:364px}

/* Preserve the approved 1024px and desktop Chat bubble widths between frames. */
@media(min-width:901px){.f-chat-window .f-bubble-2{width:clamp(350px,calc(3.365385vw + 315.538462px),364px)}}

/* Preserve the existing organizer intake using the approved reusable form styling. */
.f-organizer-intake{padding-block:54px 64px;display:flex;flex-direction:column;gap:22px}
.f-organizer-intake h2{font-size:34px;line-height:38px}.f-organizer-intake h3{font-size:18px;line-height:20px}
.f-organizer-intake p{font-size:14px;line-height:21px;color:var(--core-muted);max-width:900px}
.f-organizer-intake .postlane-form{margin:0;max-width:720px;gap:16px;padding:22px 24px;border-radius:24px;border-color:rgba(255,255,255,.82);background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.24));box-shadow:0 3px 10px rgba(41,47,51,.04);backdrop-filter:blur(12px)}
.f-organizer-intake .form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.f-organizer-intake .form-field{min-width:0;gap:7px}
.f-organizer-intake .form-field label{font-size:13px;line-height:20px;font-weight:500}
.f-organizer-intake .form-field :is(input,textarea){min-width:0;max-width:100%;height:50px;padding:13px 16px;border-radius:16px;border-color:rgba(255,255,255,.82);background:linear-gradient(180deg,rgba(255,255,255,.44),rgba(255,255,255,.24));font:400 14px/21px Inter,sans-serif;color:var(--core-ink)}
.f-organizer-intake .form-field textarea{height:130px;min-height:130px;resize:vertical}
.f-organizer-intake .postlane-form>[data-submit-button]{width:100%;min-height:52px;padding:13px 22px;border-radius:26px;background:rgba(41,52,56,.9);color:white;font:500 15px/22px Inter,sans-serif}
.f-organizer-intake .intake-related{display:flex;flex-wrap:wrap;gap:8px 24px}.f-organizer-intake .intake-related a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline}
@media(max-width:900px){.f-organizer-intake{padding-block:38px 54px}.f-organizer-intake h2{font-size:28px;line-height:32px}.f-organizer-intake .form-grid{grid-template-columns:1fr}}
