/* /Module/Pages/Home.razor.rz.scp.css */
.page[b-tf1vf2iajj]
{
    --ink: #0E1726;
    --ink-2: #3B4453;
    --muted: #5B6474;
    --accent: #D8452A;
    --cream: #FBF3E8;
    --bubble: #F4EDE4;
    --line: #EFE7DD;
    --grad: linear-gradient(160deg, #FFE3B8 0%, #FFD0C2 50%, #FFCFE4 100%);
    --avatar: linear-gradient(135deg, #FFB547 0%, #FF6B4A 50%, #FF4FA3 100%);

    display: flex;
    flex-direction: column;
    min-height: 100dvh;
    padding-inline: 24px;
    color: var(--ink);
}

.page .nav[b-tf1vf2iajj]
{
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 22px 48px;
}

.page .nav .logo[b-tf1vf2iajj]
{
    font-size: 34px;
    font-weight: 800;
    line-height: 1;
}

.page .btn[b-tf1vf2iajj]
{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border-radius: 999px;
    background: var(--ink);
    color: var(--cream);
    font-weight: 700;
    text-decoration: none;
    white-space: nowrap;
    transition: transform 0.15s ease;
}

.page .btn:hover[b-tf1vf2iajj]
{
    transform: translateY(-1px);
}

.page .btn:focus-visible[b-tf1vf2iajj]
{
    outline: 3px solid var(--accent);
    outline-offset: 3px;
}

.page .btn-sm[b-tf1vf2iajj]
{
    padding: 13px 22px;
    font-size: 16px;
}

.page .btn-lg[b-tf1vf2iajj]
{
    padding: 19px 30px;
    font-size: 19px;
}

.page .hero[b-tf1vf2iajj]
{
    flex: 1;
    display: flex;
    align-items: center;
    gap: 64px;
    border-radius: 48px;
    background: var(--grad);
    padding: 56px 72px;
}

.page .hero .pitch[b-tf1vf2iajj]
{
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.page .pitch .headline[b-tf1vf2iajj]
{
    margin: 0;
    font-size: clamp(36px, 4.6vw, 68px);
    font-weight: 800;
    line-height: 0.95;
    text-wrap: balance;
}

.page .pitch .headline span[b-tf1vf2iajj]
{
    color: var(--accent);
}

.page .pitch .lead[b-tf1vf2iajj]
{
    margin: 0;
    font-size: clamp(17px, 1.5vw, 21px);
    line-height: 1.5;
    color: var(--ink-2);
    max-width: 34em;
}

.page .pitch .cta-row[b-tf1vf2iajj]
{
    display: flex;
    align-items: center;
    gap: 18px;
    flex-wrap: wrap;
}

.page .cta-row .note[b-tf1vf2iajj]
{
    font-size: 14px;
    color: var(--ink-2);
}

.page .pitch .steps[b-tf1vf2iajj]
{
    list-style: none;
    margin: 10px 0 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

.page .steps li[b-tf1vf2iajj]
{
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding: 16px 18px;
    border-radius: 22px;
    background: rgba(255, 255, 255, 0.6);
    min-width: 0;
}

.page .steps .step-title[b-tf1vf2iajj]
{
    display: flex;
    align-items: center;
    gap: 8px;
}

.page .steps .step-title strong[b-tf1vf2iajj]
{
    font-size: 16px;
    font-weight: 800;
    line-height: 1.25;
}

.page .steps .step-text[b-tf1vf2iajj]
{
    font-size: 14px;
    line-height: 1.4;
    color: var(--ink-2);
}

.page .hero .chat[b-tf1vf2iajj]
{
    width: 420px;
    flex-shrink: 0;
    background: #FFFFFF;
    border-radius: 36px;
    padding: 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    transform: rotate(2deg);
    box-shadow: 0 30px 60px -30px rgba(14, 23, 38, 0.35);
}

.page .chat .chat-head[b-tf1vf2iajj]
{
    display: flex;
    align-items: center;
    gap: 12px;
    padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}

.page .chat .avatar[b-tf1vf2iajj]
{
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background: var(--avatar);
    flex-shrink: 0;
}

.page .chat .chat-contact[b-tf1vf2iajj]
{
    display: flex;
    flex-direction: column;
    line-height: 1.3;
}

.page .chat .chat-contact b[b-tf1vf2iajj]
{
    font-size: 16px;
}

.page .chat .chat-contact small[b-tf1vf2iajj]
{
    font-size: 13px;
    color: var(--muted);
}

.page .chat .msg[b-tf1vf2iajj]
{
    max-width: 85%;
    padding: 12px 16px;
    font-size: 15px;
    line-height: 1.4;
}

.page .chat .msg.outgoing[b-tf1vf2iajj]
{
    align-self: flex-end;
    background: var(--ink);
    color: var(--cream);
    border-radius: 20px 20px 6px 20px;
}

.page .chat .msg.incoming[b-tf1vf2iajj]
{
    align-self: flex-start;
    background: var(--bubble);
    border-radius: 20px 20px 20px 6px;
}

.page .chat .picks[b-tf1vf2iajj]
{
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.page .chat .pick[b-tf1vf2iajj]
{
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 11px 14px;
    border-radius: 18px;
    background: var(--bubble);
}

.page .chat .pick time[b-tf1vf2iajj]
{
    font-size: 13px;
    color: var(--muted);
    width: 40px;
    font-variant-numeric: tabular-nums;
}

.page .chat .pick strong[b-tf1vf2iajj]
{
    flex: 1;
    font-size: 15px;
}

.page .chat .price[b-tf1vf2iajj]
{
    padding: 3px 10px;
    border-radius: 999px;
    background: var(--ink);
    color: var(--cream);
    font-size: 13px;
    font-weight: 800;
    white-space: nowrap;
}

.page .footer[b-tf1vf2iajj]
{
    display: flex;
    align-items: center;
    gap: 28px;
    flex-wrap: wrap;
    padding: 22px 48px;
    font-size: 14px;
    color: var(--muted);
}

.page .footer .grow[b-tf1vf2iajj]
{
    flex: 1;
}

.page .footer .email[b-tf1vf2iajj]
{
    color: var(--ink);
}

@media (max-width: 1100px)
{
    .page .hero[b-tf1vf2iajj]
    {
        padding: 48px;
    }

    .page .hero .chat[b-tf1vf2iajj]
    {
        width: 360px;
    }
}

@media (max-width: 900px)
{
    .page .hero[b-tf1vf2iajj]
    {
        flex-direction: column;
        align-items: stretch;
        gap: 32px;
    }

    .page .hero .chat[b-tf1vf2iajj]
    {
        width: 100%;
        max-width: 420px;
        align-self: center;
        transform: none;
    }
}

@media (max-width: 640px)
{
    .page[b-tf1vf2iajj]
    {
        padding-inline: 12px;
    }

    .page .nav[b-tf1vf2iajj]
    {
        padding: 16px 8px;
    }

    .page .nav .btn[b-tf1vf2iajj]
    {
        padding: 10px 16px;
        font-size: 14px;
    }

    .page .nav .logo[b-tf1vf2iajj]
    {
        font-size: 26px;
    }

    .page .hero[b-tf1vf2iajj]
    {
        border-radius: 32px;
        padding: 32px 20px 24px;
        gap: 20px;
    }

    .page .hero .pitch[b-tf1vf2iajj]
    {
        display: contents;
    }

    .page .pitch .headline[b-tf1vf2iajj]
    {
        order: 1;
    }

    .page .pitch .lead[b-tf1vf2iajj]
    {
        order: 2;
    }

    .page .hero .chat[b-tf1vf2iajj]
    {
        order: 3;
    }

    .page .pitch .steps[b-tf1vf2iajj]
    {
        order: 4;
        grid-template-columns: 1fr;
        gap: 8px;
        margin-top: 0;
    }

    .page .steps li[b-tf1vf2iajj]
    {
        padding: 14px 16px;
    }

    .page .pitch .cta-row[b-tf1vf2iajj]
    {
        margin-top: auto;
        flex-direction: column;
        align-items: stretch;
        gap: 10px;
        order: 5;
    }

    .page .cta-row .btn[b-tf1vf2iajj]
    {
        width: 100%;
        padding: 18px;
    }

    .page .cta-row .note[b-tf1vf2iajj]
    {
        text-align: center;
        font-size: 13px;
    }

    .page .footer[b-tf1vf2iajj]
    {
        padding: 16px 8px;
        gap: 16px;
        font-size: 12px;
    }
}

@media (prefers-reduced-motion: reduce)
{
    .page .btn[b-tf1vf2iajj]
    {
        transition: none;
    }

    .page .btn:hover[b-tf1vf2iajj]
    {
        transform: none;
    }
}