/* Congo app palette: white, #f5f5f5 surfaces, black ink and neutral gray borders. */
:root {--congo-page:#0d0c0c;--congo-panel:#1e1e1e;--congo-panel-soft:#2b2b2b;--congo-ink:#fff;--congo-muted:#a6a6a6;--congo-line:#ffffff15;--congo-button:#fff;--congo-button-ink:#111;--congo-entry-border:#555;--congo-entry-hover:#e8e8e8}
:root[data-theme=light] {--congo-page:#fff;--congo-panel:#f5f5f5;--congo-panel-soft:#e8e6e6;--congo-ink:#000;--congo-muted:#707070;--congo-line:#e0e0e0a1;--congo-button:#000;--congo-button-ink:#fff;--congo-entry-border:#d0d0d0;--congo-entry-hover:#222}
html,body {background:var(--congo-page)!important;color:var(--congo-ink)}
.congo-site-header {color:var(--congo-ink)}
.congo-site-header.is-open {background:var(--congo-page)}
.congo-nav-inner {position:relative;gap:16px}
.congo-navigation {margin-left:auto;gap:20px}
.congo-nav-links {position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:28px;white-space:nowrap}
.congo-navigation a {color:var(--congo-muted)}
.congo-navigation a:hover,.congo-navigation a[aria-current=page] {color:var(--congo-ink)}
.congo-entry-actions,.congo-nav-actions,[data-framer-root] [data-framer-name="Hero"] .congo-hero-actions {display:flex;align-items:center;justify-content:center;gap:12px}
.congo-entry-signin,.congo-entry-browse,.congo-navigation .congo-entry-signin,.congo-navigation .congo-entry-browse {box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;min-width:104px;min-height:44px;padding:10px 20px;border:1px solid transparent;border-radius:999px;font:600 14px/22px Inter,"Inter Placeholder",sans-serif;text-decoration:none;white-space:nowrap;transition:background .18s ease,border-color .18s ease}
.congo-entry-signin,.congo-navigation .congo-entry-signin {background:var(--congo-panel);color:var(--congo-ink);border-color:var(--congo-entry-border)}
.congo-entry-signin:hover,.congo-navigation .congo-entry-signin:hover {background:var(--congo-panel-soft);color:var(--congo-ink)}
.congo-entry-browse,.congo-navigation .congo-entry-browse {gap:8px;background:var(--congo-button);color:var(--congo-button-ink);border-color:var(--congo-button)}
.congo-entry-browse svg {flex:none}
.congo-entry-browse:hover,.congo-navigation .congo-entry-browse:hover {background:var(--congo-entry-hover);color:var(--congo-button-ink);border-color:var(--congo-entry-hover)}
.congo-entry-actions>a:hover {filter:none;translate:none}
.congo-entry-actions>a:focus-visible {outline:2px solid var(--congo-ink);outline-offset:3px}
.congo-header-tools {display:flex;align-items:center;gap:4px}
.congo-theme-toggle {display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:none;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--congo-ink);cursor:pointer}
.congo-theme-toggle:hover {background:var(--congo-panel);color:var(--congo-ink)}
.congo-theme-toggle svg {display:block;width:20px;height:20px}
.congo-theme-toggle:focus-visible,.congo-menu-toggle:focus-visible {outline:2px solid currentColor;outline-offset:2px}
html[data-theme=dark] .congo-theme-moon,html[data-theme=light] .congo-theme-sun {display:none}
.congo-menu-toggle {color:var(--congo-ink)}
.congo-menu-toggle svg {display:block;width:20px;height:20px;flex:none}
.congo-menu-toggle:hover,.congo-menu-toggle[aria-expanded=true] {color:var(--congo-ink);background:var(--congo-panel)}
.congo-testimonial-only.congo-testimonial-only {justify-content:center;gap:0;padding:0}
/* The purple banner reads as a rounded card at every width (owner request 2026-10-30). */
.congo-testimonial-only.congo-testimonial-only {border-radius:28px;overflow:hidden;isolation:isolate}
[data-framer-root]>[data-framer-name="Pricing"] {padding-bottom:48px}
[data-framer-root] [data-congo-reviews] [data-congo-review-content] {padding-block:48px}
[data-framer-root]>[data-framer-name="FAQs"] {padding-top:64px}
[data-congo-page=faq] [data-framer-root]>[data-framer-name="FAQs"] {padding-top:140px}
.congo-footer {background:var(--congo-panel);color:var(--congo-ink)}
.congo-footer-column h2 {color:var(--congo-ink)}
.congo-footer a,.congo-screen-intro,.congo-documentation-screen>p,.congo-studio-screen>p {color:var(--congo-muted)}
.congo-footer a:hover {color:var(--congo-ink)}
.congo-social-links a {border-color:var(--congo-line)}
.congo-screen {color:var(--congo-ink)}
.congo-screen>p {font-size:16px;line-height:1.6;margin:0 0 24px}
.congo-screen>.congo-screen-intro {font-size:20px;line-height:1.5}
.congo-subscription-card {background:var(--congo-panel);color:var(--congo-ink);border-color:var(--congo-line)}
.congo-subscription-interval {color:var(--congo-muted)}
.congo-subscription-badge {background:var(--congo-panel-soft);border-color:var(--congo-line)}
.congo-subscription-features,.congo-subscription-features li {border-color:var(--congo-line)}
.congo-subscription-action,.congo-action {background:var(--congo-button);color:var(--congo-button-ink)}
.congo-subscription-action:hover,.congo-action:hover {background:var(--congo-ink);filter:brightness(.9)}
.congo-action-secondary {background:var(--congo-panel);color:var(--congo-ink);border-color:var(--congo-line)}
.congo-action-secondary:hover {background:var(--congo-panel-soft);color:var(--congo-ink);filter:none}
html[data-theme=light] [data-framer-root],html[data-theme=light] [data-congo-surface=page] {background-color:var(--congo-page)!important}
html[data-theme=light] [data-congo-surface=card] {background-color:var(--congo-panel)!important}
html[data-theme=light] [data-congo-ink=primary] {color:var(--congo-ink)!important;--framer-text-color:var(--congo-ink)!important}
html[data-theme=light] [data-congo-ink=muted] {color:var(--congo-muted)!important;--framer-text-color:var(--congo-muted)!important}
html[data-theme=light] [data-congo-border] {--border-color:var(--congo-line)!important}
html[data-theme=light] .congo-brand img {filter:invert(1)}
html[data-theme=light] [data-framer-name="Hero Background"],html[data-theme=light] [data-framer-name="Hero"] [data-framer-name="Shape Container"],html[data-theme=light] [data-framer-name="Logos Ticker Container"] svg {filter:invert(1)}
html[data-theme=light] [data-framer-name="Benefits"] [data-framer-component-type="SVG"],html[data-theme=light] [data-framer-name="Bullet Points"] [data-framer-component-type="SVG"],html[data-theme=light] [data-framer-name="FAQs"] [data-framer-component-type="SVG"] {filter:invert(1)}
html[data-theme=light] [data-congo-divider] {background:linear-gradient(90deg,transparent,#e0e0e0 10%,#e0e0e0 90%,transparent)!important}
html[data-theme=light] [data-congo-divider=vertical] {background:linear-gradient(0deg,transparent,#e0e0e0 10%,#e0e0e0 90%,transparent)!important}
html[data-theme=light] [data-framer-name="Label Container"] {--border-color:#e0e0e0!important}
@media(max-width:1199.98px) {.congo-nav-links{gap:24px}}
@media(max-width:1023.98px) {
 .congo-nav-inner {padding-inline:20px}
 .congo-brand img {width:122px;height:42px}
 .congo-menu-toggle {display:flex;width:44px;height:44px;padding:12px 10px;flex-direction:column;justify-content:center;gap:6px;background:transparent;border:0;border-radius:6px;cursor:pointer}
 .congo-menu-toggle span {display:block;width:24px;height:1.5px;background:currentColor;transition:transform .18s ease}
 .congo-menu-toggle[aria-expanded=true] span:first-child {transform:translateY(3.75px) rotate(45deg)}
 .congo-menu-toggle[aria-expanded=true] span:last-child {transform:translateY(-3.75px) rotate(-45deg)}
 .congo-navigation {position:absolute;top:calc(100% - 1px);left:0;right:0;display:flex;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 20px 20px;background:var(--congo-page);border-bottom:1px solid var(--congo-line);visibility:hidden;opacity:0;transform:translateY(-6px);transition:opacity .18s ease,transform .18s ease,visibility .18s;pointer-events:none}
 .congo-nav-links {position:static;transform:none;flex-direction:column;align-items:stretch;gap:0}
 .congo-nav-links a {box-sizing:border-box;min-height:52px;padding:15px 0;font-size:17px;line-height:22px}
 .congo-nav-actions {justify-content:flex-start;margin-top:12px;gap:12px}
 .congo-site-header.is-open .congo-navigation {visibility:visible;opacity:1;transform:none;pointer-events:auto}
}
[data-congo-carousel-screen] {--border-color:var(--congo-line)!important}
[data-congo-carousel-screen] .congo-carousel-screenshot {position:absolute;inset:0;display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:top center}
[data-congo-carousel-app] [data-framer-name="Icon"] {overflow:visible}
[data-congo-carousel-app] .congo-carousel-logo {display:block;width:100%;height:100%;object-fit:contain;filter:none}
[data-congo-carousel-label] {color:var(--congo-ink)!important;--framer-text-color:var(--congo-ink)!important}
/* Owner request 2026-10-29: hero screenshots sit in device frames. An iPhone (titanium band, black bezel, Dynamic Island,
   tinted status bar, home indicator, side keys) for phone captures; a quiet browser window for desktop captures. */
[data-congo-carousel-screen].congo-device {--border-color:transparent!important;container-type:inline-size;overflow:visible!important}
.congo-device-phone .congo-device-body {position:absolute;inset:0;border-radius:14cqw;background:linear-gradient(150deg,#46464c 0%,#1b1b1e 20%,#0b0b0d 50%,#1e1e22 80%,#4a4a51 100%);box-shadow:inset 0 0 0 .45cqw rgba(255,255,255,.08)}
html[data-theme=light] .congo-device-phone .congo-device-body {box-shadow:inset 0 0 0 .45cqw rgba(255,255,255,.1)}
.congo-device-phone .congo-device-screen {position:absolute;inset:3.6cqw;overflow:hidden;border-radius:10.6cqw;background:var(--device-status-bg,#000);box-shadow:0 0 0 2.4cqw #050506}
.congo-device-phone .congo-device-status {position:absolute;z-index:1;inset:0 0 auto;height:12.5cqw;display:flex;align-items:center;justify-content:space-between;padding:1.4cqw 7cqw 0 9.5cqw;box-sizing:border-box;background:var(--device-status-bg,#000);color:var(--device-status-ink,#fff);font:600 3.9cqw/1 -apple-system,BlinkMacSystemFont,"SF Pro Text","Inter",system-ui,sans-serif;letter-spacing:-.01em}
.congo-device-icons {display:flex;align-items:center;gap:1.3cqw}
.congo-device-icons svg {display:block;height:3.1cqw;width:auto;fill:currentColor}
.congo-device-phone .congo-carousel-screenshot {top:12.5cqw!important;height:calc(100% - 12.5cqw)!important;border-radius:0!important;object-position:left top!important}
.congo-device-phone .congo-device-island {position:absolute;z-index:2;top:5.9cqw;left:50%;width:27cqw;height:7.8cqw;transform:translateX(-50%);border-radius:99px;background:#000}
.congo-device-phone .congo-device-home {position:absolute;z-index:2;left:50%;bottom:2.2cqw;width:34cqw;height:1.3cqw;transform:translateX(-50%);border-radius:99px;background:rgba(128,128,128,.7)}
.congo-device-key {position:absolute;width:1.1cqw;border-radius:1cqw;background:linear-gradient(90deg,#2a2a2e,#4c4c53)}
.congo-device-key-action {left:-.9cqw;top:19%;height:5.5%}
.congo-device-key-volume-up {left:-.9cqw;top:28%;height:10%}
.congo-device-key-volume-down {left:-.9cqw;top:40.5%;height:10%}
.congo-device-key-power {right:-.9cqw;top:31%;height:15%;background:linear-gradient(270deg,#2a2a2e,#4c4c53)}
.congo-device-window .congo-device-body {position:absolute;inset:0;overflow:hidden;border-radius:1.3cqw;background:var(--congo-panel);box-shadow:0 0 0 1px var(--congo-line)}
html[data-theme=light] .congo-device-window .congo-device-body {box-shadow:0 0 0 1px rgba(16,16,24,.1)}
.congo-device-window .congo-device-bar {position:absolute;inset:0 0 auto;height:3.2cqw;display:flex;align-items:center;gap:.75cqw;padding:0 1.4cqw;box-sizing:border-box;background:var(--congo-panel-soft);border-bottom:1px solid var(--congo-line)}
.congo-device-window .congo-device-bar i {width:1cqw;height:1cqw;border-radius:50%;background:var(--congo-muted);opacity:.5}
.congo-device-window .congo-device-screen {position:absolute;inset:3.2cqw 0 0;overflow:hidden}
.congo-device-window .congo-carousel-screenshot {border-radius:0!important}
/* Owner request 2026-10-29: the row no longer slides with page scrolling (the reference template's scroll-linked shift); it only drifts and scrolls sideways. */
[data-framer-name="Hero"] [data-framer-name="Slider"] {transform:none!important}
@media(max-width:809.98px) {
 [data-framer-root]>[data-framer-name="Pricing"] {padding-bottom:32px}
 [data-framer-root] [data-congo-reviews] [data-congo-review-content] {padding-block:32px}
 [data-framer-root]>[data-framer-name="FAQs"] {padding-top:40px}
}

.congo-site-header {--congo-blur-tint:color-mix(in srgb,var(--congo-page) 75%,transparent)}
/* Phone menu (owner request 2026-10-30): Sign in spans the menu like Studio's Book appointment, and the open menu
   ends without a divider line. */
@media(max-width:809.98px) {
 .congo-site-header .congo-navigation {border-bottom:0}
 .congo-navigation .congo-nav-actions {width:100%}
 .congo-navigation .congo-entry-signin {width:100%;min-height:49px;border:0;border-radius:12px;background:var(--congo-panel);color:var(--congo-ink);font-size:17px;font-weight:600}
}
/* Phone menu links (owner request 2026-10-30): an icon tile beside each link, and full-contrast labels. */
.congo-nav-icon {display:none}
@media(max-width:1023.98px) {
 .congo-navigation .congo-nav-links a {display:flex;align-items:center;gap:14px;padding:9px 0;color:var(--congo-ink);font-weight:500}
 .congo-navigation .congo-nav-links a[aria-current=page] .congo-nav-icon {background:var(--congo-panel-soft)}
 .congo-nav-icon {display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;flex:none;border-radius:10px;background:var(--congo-panel);color:var(--congo-ink)}
 .congo-nav-icon svg {display:block;width:18px;height:18px}
}
/* Micro-animations (owner direction 2026-10-30): buttons answer a press; nothing moves for reduced motion. */
@media (prefers-reduced-motion: no-preference) {
 .congo-entry-signin,.congo-entry-browse,.congo-cta,.congo-theme-toggle,.congo-menu-toggle {transition:scale 140ms cubic-bezier(.2,.8,.2,1),background-color 150ms ease,border-color 150ms ease,color 150ms ease}
 .congo-entry-signin:active,.congo-entry-browse:active,.congo-cta:active,.congo-theme-toggle:active,.congo-menu-toggle:active {scale:.97}
}
