@import '_content/ClearlySaid.Shared/ClearlySaid.Shared.suzg0xg7we.bundle.scp.css';

/* /Components/App.razor.rz.scp.css */
.site-footer[b-hpa764z90o] {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    margin: 0 auto 2rem;
    font-size: .9rem;
}

.site-footer a[b-hpa764z90o] { color: #4c55c8; }

@media (max-width: 640px) {
    .site-footer[b-hpa764z90o] { flex-wrap: wrap; }
}

@media (prefers-color-scheme: dark) {
    .site-footer a[b-hpa764z90o] { color: #aeb5ff; }
}
/* /Components/LandingPage.razor.rz.scp.css */
.landing[b-cgbgcl4gon] { color-scheme: light; background: #f8f7f3; color: #252b39; font: 400 1rem/1.6 Inter, ui-sans-serif, system-ui, sans-serif; }
.landing *[b-cgbgcl4gon] { box-sizing: border-box; }
a[b-cgbgcl4gon] { color: inherit; text-decoration: none; }
a:hover[b-cgbgcl4gon] { text-decoration: underline; text-underline-offset: .25em; }
a:focus-visible[b-cgbgcl4gon], button:focus-visible[b-cgbgcl4gon] { outline: 3px solid #484ec8; outline-offset: 4px; }
.navigation[b-cgbgcl4gon], .hero[b-cgbgcl4gon], .reasons[b-cgbgcl4gon], .how[b-cgbgcl4gon], .pricing[b-cgbgcl4gon], .closing[b-cgbgcl4gon], .brand-footer[b-cgbgcl4gon] { padding-inline: max(5%, calc((100% - 1160px) / 2)); }
.navigation[b-cgbgcl4gon] { display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding-block: 1.5rem; border-bottom: 1px solid #deded9; }
.wordmark[b-cgbgcl4gon] { font-size: 1.5rem; font-weight: 600; letter-spacing: -.06em; white-space: nowrap; }
.wordmark span[b-cgbgcl4gon] { color: #484ec8; font-size: .75rem; margin-left: .25rem; }
.navigation > div[b-cgbgcl4gon] { display: flex; flex-wrap: wrap; gap: 1.5rem; }
.navigation a[b-cgbgcl4gon] { display: inline-flex; align-items: center; min-height: 44px; }
.hero[b-cgbgcl4gon] { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; gap: 6%; padding-block: 4.5rem; }
.eyebrow[b-cgbgcl4gon] { text-transform: uppercase; letter-spacing: .16em; font-size: .75rem; color: #484ec8; margin: 0 0 1.2rem; font-weight: 600; }
h1[b-cgbgcl4gon] { font: 400 clamp(2.8rem, 5.5vw, 4.7rem)/1.06 Georgia, serif; letter-spacing: -.045em; margin: 0 0 1.6rem; }
h1 em[b-cgbgcl4gon] { color: #484ec8; }
.intro[b-cgbgcl4gon] { font-size: 1.1rem; color: #586175; max-width: 29rem; margin: 0 0 1.75rem; }
.actions[b-cgbgcl4gon] { display: flex; align-items: center; flex-wrap: wrap; gap: 1.25rem; }
.primary[b-cgbgcl4gon], .secondary[b-cgbgcl4gon] { display: inline-flex; justify-content: center; align-items: center; min-height: 48px; border: 1px solid #484ec8; padding: .8rem 1.15rem; border-radius: .5rem; font-weight: 500; text-align: center; }
.primary[b-cgbgcl4gon] { background: #484ec8; color: #fff; }
.secondary[b-cgbgcl4gon] { border-color: #c5c8d0; background: #fff; color: #252b39; }
.primary:hover[b-cgbgcl4gon] { background: #363ca6; }
.fine-print[b-cgbgcl4gon], .pricing-note[b-cgbgcl4gon] { color: #586175; font-size: .8rem; }
.product[b-cgbgcl4gon] { min-width: 0; margin: 0; background: #fff; border: 1px solid #deded9; border-radius: 1rem; box-shadow: 0 20px 45px #292c4712; transform: rotate(1deg); }
.window-bar[b-cgbgcl4gon] { display: flex; justify-content: space-between; gap: .75rem; flex-wrap: wrap; padding: .9rem 1.25rem; border-bottom: 1px solid #deded9; }
.window-bar > span:last-child[b-cgbgcl4gon] { font-size: .75rem; color: #586175; }
.product-body[b-cgbgcl4gon] { padding: 1.25rem; }
.screen-heading[b-cgbgcl4gon] { font-weight: 500; margin: 0 0 1rem; }
.examples[b-cgbgcl4gon] { display: flex; flex-wrap: wrap; gap: .5rem; margin-bottom: .85rem; }
.examples button[b-cgbgcl4gon] { cursor: pointer; font: inherit; font-size: .8rem; min-height: 44px; padding: .4rem .85rem; border: 1px solid #deded9; border-radius: 2rem; background: #fff; color: #586175; }
.examples button[aria-pressed=true][b-cgbgcl4gon] { background: #eeedf9; color: #484ec8; border-color: #484ec8; }
.input-panel[b-cgbgcl4gon], .output-panel[b-cgbgcl4gon] { padding: 1rem; border: 1px solid #deded9; border-radius: .65rem; }
.label[b-cgbgcl4gon] { font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; color: #586175; }
.input-panel p[b-cgbgcl4gon], .output-panel p[b-cgbgcl4gon] { font-size: .9rem; margin: .6rem 0 .9rem; }
.screen-note[b-cgbgcl4gon] { font-size: .75rem; color: #586175; }
.settings[b-cgbgcl4gon] { display: flex; flex-wrap: wrap; gap: .35rem; margin: .8rem 0; font-size: .7rem; color: #586175; }
.settings span[b-cgbgcl4gon] { padding: .2rem .4rem; border: 1px solid #deded9; border-radius: .3rem; }
.refine-label[b-cgbgcl4gon] { display: flex; justify-content: space-between; background: #484ec8; color: #fff; border-radius: .5rem; padding: .6rem .8rem; margin-bottom: .9rem; font-size: .85rem; }
.output-panel[b-cgbgcl4gon] { background: #eeedf9; border-color: transparent; }
figcaption[b-cgbgcl4gon] { padding: 0 1rem .9rem; text-align: center; color: #586175; font-size: .7rem; }
.reasons[b-cgbgcl4gon] { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1.25rem; padding-block: 1.5rem; border-block: 1px solid #deded9; color: #586175; }
.how[b-cgbgcl4gon] { display: grid; grid-template-columns: 1fr 1.8fr; gap: 2.5rem; padding-block: 4rem; scroll-margin-top: 1rem; }
h2[b-cgbgcl4gon] { font: 400 2.2rem/1.2 Georgia, serif; letter-spacing: -.035em; margin: 0 0 1rem; }
.steps[b-cgbgcl4gon] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.5rem; }
.steps article > span[b-cgbgcl4gon] { color: #484ec8; font-size: .8rem; }
h3[b-cgbgcl4gon] { font-size: 1rem; line-height: 1.4; font-weight: 600; margin: .9rem 0 .6rem; }
.steps p[b-cgbgcl4gon] { font-size: .9rem; color: #586175; margin: 0; }
.pricing[b-cgbgcl4gon] { background: #fff; padding-block: 3.5rem; scroll-margin-top: 1rem; }
.section-title[b-cgbgcl4gon] { text-align: center; margin-bottom: 2rem; }
.section-title > p:last-child[b-cgbgcl4gon] { color: #586175; }
.plans[b-cgbgcl4gon] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr)); gap: 1.25rem; }
.plan[b-cgbgcl4gon] { display: flex; flex-direction: column; min-width: 0; border: 1px solid #deded9; border-radius: .8rem; padding: 1.7rem; overflow-wrap: anywhere; }
.plan h3[b-cgbgcl4gon] { margin: 0 0 1rem; }
.featured[b-cgbgcl4gon] { background: #eeedf9; border-color: #484ec8; }
.price[b-cgbgcl4gon] { font-size: clamp(1.8rem, 3vw, 2.5rem); line-height: 1.25; letter-spacing: -.04em; }
.price span[b-cgbgcl4gon] { font-size: .8rem; letter-spacing: 0; color: #586175; white-space: nowrap; }
.plan > p[b-cgbgcl4gon] { font-size: .85rem; color: #586175; }
.plan ul[b-cgbgcl4gon] { list-style: none; padding: 0; margin: .75rem 0 1.5rem; flex: 1; font-size: .85rem; }
.plan li[b-cgbgcl4gon] { padding: .3rem 0; }
.plan li[b-cgbgcl4gon]::before { content: '✓'; color: #484ec8; margin-right: .5rem; }
.pricing-note[b-cgbgcl4gon] { text-align: center; margin: 1.5rem auto 0; max-width: 52rem; }
.closing[b-cgbgcl4gon] { display: flex; align-items: center; justify-content: space-between; gap: 2rem; padding-block: 3rem; }
.closing h2[b-cgbgcl4gon] { margin: 0; max-width: 25rem; }
.closing > div[b-cgbgcl4gon] { display: flex; flex-direction: column; gap: .9rem; align-items: center; }
.closing > div > a:last-child[b-cgbgcl4gon] { font-size: .85rem; min-height: 44px; display: flex; align-items: center; }
.brand-footer[b-cgbgcl4gon] { display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; border-top: 1px solid #deded9; padding-block: 1.5rem; color: #586175; font-size: .85rem; }
.sr-only[b-cgbgcl4gon] { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
@media (max-width: 800px) {
    .hero[b-cgbgcl4gon] { grid-template-columns: 1fr; gap: 2.5rem; padding-block: 2.5rem; }
    .product[b-cgbgcl4gon] { transform: none; width: 100%; max-width: 34rem; margin-inline: auto; }
    .how[b-cgbgcl4gon] { grid-template-columns: 1fr; gap: 1.5rem; }
    .closing[b-cgbgcl4gon] { flex-direction: column; align-items: flex-start; }
    .closing > div[b-cgbgcl4gon] { align-items: flex-start; }
}
@media (max-width: 540px) {
    .navigation[b-cgbgcl4gon] { flex-wrap: wrap; gap: .5rem; padding-block: 1rem; }
    .navigation > div[b-cgbgcl4gon] { width: 100%; justify-content: space-between; gap: .5rem; font-size: .85rem; }
    h1[b-cgbgcl4gon] { font-size: clamp(2.7rem, 12vw, 3.5rem); }
    h2[b-cgbgcl4gon] { font-size: 1.9rem; }
    .hero[b-cgbgcl4gon] { padding-block: 2rem; }
    .actions[b-cgbgcl4gon] { align-items: stretch; flex-direction: column; gap: .75rem; }
    .actions > a:last-child[b-cgbgcl4gon] { min-height: 44px; display: flex; align-items: center; }
    .reasons[b-cgbgcl4gon] { flex-direction: column; gap: .5rem; font-size: .9rem; }
    .steps[b-cgbgcl4gon] { grid-template-columns: 1fr; }
    .steps article[b-cgbgcl4gon] { padding-top: 1rem; border-top: 1px solid #deded9; }
    .how[b-cgbgcl4gon], .pricing[b-cgbgcl4gon] { padding-block: 2.5rem; }
    .plans[b-cgbgcl4gon] { grid-template-columns: 1fr; }
    .product-body[b-cgbgcl4gon] { padding: 1rem; }
}
/* /Components/MobileAppsBanner.razor.rz.scp.css */
.mobile-apps-banner[b-ezuneicjhg] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    max-width: 760px;
    margin: 0 auto 2rem;
    padding: 1.1rem 1.25rem;
    overflow: hidden;
    border: 1px solid #d8dcf0;
    border-radius: 18px;
    color: #20243a;
    box-shadow: 0 12px 30px rgb(27 36 75 / 10%);
}

.coming-soon[b-ezuneicjhg] {
    background:
        radial-gradient(circle at 92% 15%, rgb(132 101 255 / 22%), transparent 30%),
        linear-gradient(135deg, #ffffff 0%, #f2f0ff 58%, #e9f6ff 100%);
}

.admin-download[b-ezuneicjhg] {
    background: linear-gradient(135deg, #ffffff 0%, #eef0ff 100%);
}

.mobile-apps-icon[b-ezuneicjhg] {
    display: grid;
    flex: 0 0 3.1rem;
    width: 3.1rem;
    height: 3.1rem;
    place-items: center;
    border-radius: 1rem;
    background: rgb(255 255 255 / 72%);
    box-shadow: 0 6px 18px rgb(66 55 158 / 14%);
    font-size: 1.55rem;
}

.mobile-apps-copy[b-ezuneicjhg] {
    display: grid;
    flex: 1 1 auto;
    gap: .18rem;
}

.mobile-apps-copy strong[b-ezuneicjhg] {
    font-size: 1.04rem;
}

.mobile-apps-copy > span:last-child[b-ezuneicjhg] {
    color: #5e6379;
}

.mobile-apps-kicker[b-ezuneicjhg] {
    color: #5849ce;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-transform: uppercase;
}

.platform-pills[b-ezuneicjhg] {
    display: flex;
    flex: 0 0 auto;
    gap: .45rem;
}

.platform-pills span[b-ezuneicjhg] {
    padding: .45rem .7rem;
    border: 1px solid rgb(88 73 206 / 18%);
    border-radius: 999px;
    background: rgb(255 255 255 / 72%);
    color: #4b42a9;
    font-size: .78rem;
    font-weight: 800;
}

.admin-download button[b-ezuneicjhg] {
    flex: 0 0 auto;
    min-height: 2.75rem;
    border: 0;
    border-radius: 10px;
    padding: .7rem 1rem;
    background: #5548d9;
    color: #ffffff;
    cursor: pointer;
    font: inherit;
    font-weight: 700;
}

.admin-download button:hover:not(:disabled)[b-ezuneicjhg] { background: #4538c1; }
.admin-download button:disabled[b-ezuneicjhg] { cursor: wait; opacity: .7; }
.admin-download button:focus-visible[b-ezuneicjhg] { outline: 3px solid #9298ff; outline-offset: 2px; }

@media (max-width: 640px) {
    .mobile-apps-banner[b-ezuneicjhg] {
        align-items: stretch;
        flex-direction: column;
        margin: 0 1rem 1.5rem;
    }

    .mobile-apps-icon[b-ezuneicjhg] { align-self: flex-start; }
    .platform-pills[b-ezuneicjhg] { align-self: flex-start; }
    .admin-download button[b-ezuneicjhg] { width: 100%; }
}

@media (prefers-color-scheme: dark) {
    .mobile-apps-banner[b-ezuneicjhg] {
        border-color: #363b58;
        color: #f2f3fb;
    }

    .coming-soon[b-ezuneicjhg] {
        background:
            radial-gradient(circle at 92% 15%, rgb(132 101 255 / 24%), transparent 30%),
            linear-gradient(135deg, #191c2b 0%, #22213a 58%, #172735 100%);
    }

    .admin-download[b-ezuneicjhg] { background: linear-gradient(135deg, #191c2b 0%, #222640 100%); }
    .mobile-apps-icon[b-ezuneicjhg],
    .platform-pills span[b-ezuneicjhg] { background: rgb(11 13 23 / 45%); }
    .mobile-apps-copy > span:last-child[b-ezuneicjhg] { color: #b6bbce; }
    .platform-pills span[b-ezuneicjhg] { border-color: #4a4f75; color: #c7c2ff; }
    .mobile-apps-kicker[b-ezuneicjhg] { color: #b6afff; }
}