/* Public Callably presentation. Keep separate from authenticated workspace tokens. */
:root {

    --shadow-glow: none;
}
body { line-height: 1.6; }
:where(a, button, input, select, textarea, [tabindex]):focus-visible { outline: 2px solid var(--brand); outline-offset: 4px; }
.landing-nav, .landing-nav.scrolled { box-shadow: none; backdrop-filter: none; }
.nav-inner { height: 64px; }
.nav-links { gap: 24px; }
.nav-dropdown-menu { border-radius: var(--radius-lg); }
.nav-cta, .nav-cta:hover, .btn-hero-primary, .btn-hero-primary:hover, .price-badge {
     box-shadow: none; transform: none;
}
.btn-hero { padding: 12px 20px; border-radius: var(--radius-md); font-size: 14px; }
.hero { padding: 128px 0 72px; }
.hero::before, .hero::after, .hero-phone-card::before { content: none; }
.hero-grid { grid-template-columns: 1.1fr 1fr; gap: 56px; }
.hero h1 { font-size: clamp(32px, 4.2vw, 56px); line-height: 1.1; letter-spacing: -.045em; font-weight: 650; max-width: 640px; }
.hero-sub { font-size: 17px; line-height: 1.65; max-width: 560px; }
.hero-phone-card { box-shadow: none; padding: 24px; }
.hero .hero-phone-card .flow-label { font-size: 14px; }
.hero .hero-phone-card .flow-desc { font-size: 13px; }
.hero .hero-phone-card .flow-icon { border-radius: var(--radius-lg); }
.section { padding-top: 64px; padding-bottom: 64px; }
.section-title { font-size: clamp(26px, 3vw, 38px); line-height: 1.2; letter-spacing: -.025em; font-weight: 650; }
.section-subtitle { font-size: 16px; line-height: 1.65; max-width: 680px; }
.section-label { letter-spacing: .04em; font-size: 12px; }
:is(.feature-card, .testimonial-card, .price-card, .seo-card) { border-radius: var(--radius-lg); box-shadow: none; }
:is(.feature-card, .testimonial-card, .price-card, .seo-card):hover { transform: none; box-shadow: none; }
.price-card { padding: 24px; }
.price-card.popular, .price-card.price-card-featured, .price-card.price-card-agency,
.price-card.popular:hover, .price-card.price-card-featured:hover, .price-card.price-card-agency:hover { box-shadow: none; transform: none; }
.price-amount { font-size: 40px; font-weight: 650; }
.price-badge { font-size: 11px; letter-spacing: .025em; }
.testimonial-text { font-size: 15px; line-height: 1.7; }
.feature-table th, .feature-table td { font-size: 13px; padding: 12px 16px; }
.feature-table { line-height: 1.5; }
.pricing-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; padding: 24px 0; margin: 24px 0 32px; }
.pricing-summary strong { display: block; font-size: 15px; font-weight: 600; }
.pricing-summary span { display: block; font-size: 13px; margin-top: 4px; }
/* Content is available immediately; reveal animations must never gate reading. */
.fade-up, .fade-up.visible { opacity: 1; transform: none; transition: none; }
@media (max-width: 900px) {
    .hero-grid { grid-template-columns: 1fr; gap: 32px; }
    .hero { padding-top: 104px; }
    .hero-visual { max-width: 640px; width: 100%; }
}
@media (max-width: 600px) {
    .landing-container, .seo-container, .nav-inner { padding-inline: 20px; }
    .section { padding-block: 44px; }
    .hero { padding-bottom: 44px; }
    .hero-sub { font-size: 16px; }
    .hero-actions { flex-wrap: wrap; }
    .pricing-summary { grid-template-columns: 1fr; gap: 16px; }
    .price-card { padding: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
.hero .hero-phone-card .flow-step { transform: none; }
.hero .hero-phone-card .live-counter { position: static; display: inline-flex; margin-bottom: 16px; }
.price-badge { max-width: calc(100% - 24px); white-space: normal; text-align: center; line-height: 1.4; }
@media (max-width: 900px) and (min-width: 601px) {
    .pricing-grid { grid-template-columns: 1fr; max-width: 620px; margin-inline: auto; gap: 28px; }
}
.cookie-consent { box-shadow: 0 -2px 12px #20272c18; visibility: hidden; pointer-events: none; }
.cookie-consent.visible { visibility: visible; pointer-events: auto; }

/* Shared editorial panels replace page-specific decorative hero banners. */
.public-summary { padding: 24px; margin: 28px 0; border-radius: var(--radius-lg); }
.public-summary h2 { margin: 0 0 8px; font-size: 18px; font-weight: 600; line-height: 1.4; }
.public-summary p { margin: 0; font-size: 15px; line-height: 1.65; }
.public-summary a { display: inline-block; margin-top: 12px; text-underline-offset: 3px; }
.public-summary-row { display: grid; grid-template-columns: 2fr 1fr; gap: 24px; align-items: center; }
.lp-contact-grid { gap: 24px; grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
.lp-contact-info .diff-card { padding: 20px; border-radius: var(--radius-lg); box-shadow: none; }
@media (max-width: 680px) {
 .public-summary { padding: 20px; }
 .public-summary-row, .lp-contact-grid { grid-template-columns: minmax(0, 1fr); }
}

.public-industry-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.public-industry-grid > * { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 600px) { .public-industry-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

/* Keep editorial headings below the fixed public navigation at every width. */
.section.lp-page { padding-top: 104px; }

:root { --shadow-sm: none; --shadow-lg: none; }
.diff-icon svg, .feature-icon svg { stroke: currentColor; }
.feature-card, .diff-card, .testimonial-card, .price-card, .seo-card, .public-summary { box-shadow: none !important; }

/* Rounded controls and panels; leave circular avatars and pills intact. */
:root {
    --radius-sm: 8px;
    --radius: 12px;
    --radius-md: 10px;
    --radius-lg: 14px;
    --radius-xl: 18px;
    --radius-2xl: 22px;
    --radius-full: 9999px;
}

.public-summary { border: 1px solid #e2e8f0; background: #fff; color: #475569; }
.public-summary p, .pricing-summary span { color: #475569; }
.public-summary a { color: var(--brand-dark); }
.pricing-summary { border-block: 1px solid #e2e8f0; }
.pricing-summary strong { color: #475569; }