:root{
    --bg:#fbfcff;--text:#0f172a;--muted:#64748b;--line:#e2e8f0;--soft:#f8fafc;--red:#ef4444;--red-dark:#dc2626;--dark:#0f172a;--white:#ffffff;--green:#10b981;--amber:#f59e0b;
}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif}a{text-decoration:none;color:inherit}img{max-width:100%}
.container{max-width:1240px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.8)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px 24px}.logo{height:40px;width:auto}.main-nav{display:flex;gap:22px;flex-wrap:wrap}.main-nav a{font-size:14px;font-weight:600;color:#64748b}.main-nav a:hover{color:#0f172a}.nav-actions{display:flex;gap:12px;align-items:center}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:16px;font-weight:700;font-size:14px;border:1px solid transparent}.btn-primary{background:var(--red);color:#fff}.btn-primary:hover{background:var(--red-dark)}.btn-secondary{background:#fff;border:1px solid var(--line);color:var(--text)}.btn.full{width:100%}
.section{padding:72px 0}.hero-section{padding:72px 0 0;background:linear-gradient(180deg,#fff5f5 0%,#fff 45%,#fff 100%)}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:48px;align-items:center}.eyebrow,.eyebrow-sm{display:inline-block;color:var(--red);font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:12px}.eyebrow.light{color:#fca5a5}
h1{margin:16px 0 0;font-size:54px;line-height:1.04;letter-spacing:-.04em}h2{margin:0;font-size:42px;line-height:1.08;letter-spacing:-.03em}h3{margin:0;font-size:24px;line-height:1.15;letter-spacing:-.02em}h4{margin:0;font-size:18px}p{color:var(--muted);font-size:18px;line-height:1.8}.hero-copy{max-width:760px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.hero-actions.centered{justify-content:center}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:34px}.stat-card,
                                                                                      .feature-card,
                                                                                      .pricing-card,.panel,.sidebar-card,.contact-card,.status-card{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:0 10px 28px rgba(15,23,42,.04)}.stat-card{padding:18px}.stat-card strong{display:block;font-size:26px;letter-spacing:-.03em}.stat-card span{display:block;margin-top:6px;color:var(--muted);font-size:14px}
.hero-visual{position:relative;height:560px;border:1px solid var(--line);border-radius:40px;background:radial-gradient(circle at top left, rgba(239,68,68,.12), transparent 32%),radial-gradient(circle at bottom right, rgba(59,130,246,.12), transparent 28%),linear-gradient(135deg,#fff,#f8fafc);box-shadow:0 40px 100px rgba(15,23,42,.10);overflow:hidden}
.floating-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:0 20px 50px rgba(15,23,42,.10)}.large-card{left:28px;top:82px;width:58%;padding:22px}.side-card{right:28px;top:86px;width:36%;padding:22px}.bottom-card{left:56px;bottom:28px;width:44%;padding:18px}
.card-header,.row-between{display:flex;align-items:center;justify-content:space-between;gap:12px}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:18px}.metric-grid.small .metric strong{font-size:24px}.metric{background:var(--soft);padding:16px;border-radius:22px}.metric span{display:block;color:var(--muted);font-size:12px}.metric strong{display:block;margin-top:8px;font-size:28px;letter-spacing:-.03em}
.progress-card{margin-top:16px;background:var(--soft);padding:16px;border-radius:24px}.progress-row{margin-top:14px}.progress-row label{display:block;font-size:14px;font-weight:600;margin-bottom:8px}.bar{height:10px;border-radius:999px;background:#fff;overflow:hidden}.fill{height:100%;border-radius:999px}.fill.red{background:var(--red)}.fill.dark{background:var(--dark)}.fill.gray{background:#cbd5e1}.fill.green{background:var(--green)}
.field-row,.activity-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;background:var(--soft);border-radius:18px;margin-top:10px}.field-row span,.activity-item span{color:var(--muted);font-size:14px}.checkout-box{margin-top:14px;background:var(--dark);color:#fff;border-radius:24px;padding:18px}.checkout-box span{display:block;color:#cbd5e1;font-size:12px}.checkout-box strong{display:block;margin-top:8px;font-size:34px;letter-spacing:-.04em}.checkout-box.dark small{display:block;margin-top:10px;color:#cbd5e1;font-size:12px;line-height:1.5}.fake-button{margin-top:16px;background:#fff;color:var(--dark);padding:12px 14px;border-radius:18px;text-align:center;font-weight:700}
.ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#f8fafc}.ribbon-inner{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;padding:18px 24px;color:var(--muted);font-weight:700;font-size:14px}.section-intro{max-width:860px}.top-gap{align-items:flex-end}.feature-grid,.pricing-grid,.tile-grid{display:grid;gap:20px;margin-top:34px}.feature-grid{grid-template-columns:repeat(4,1fr)}.pricing-grid{grid-template-columns:repeat(4,1fr)}.split-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.dark-band{background:var(--dark);color:#fff}.dark-band p{color:#cbd5e1}.tile-grid{grid-template-columns:repeat(2,1fr)}.tile{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:24px;padding:22px;font-weight:700}

.feature-card{padding:24px}.feature-card h3{font-size:22px}.feature-card p{margin:10px 0 0;font-size:15px;line-height:1.7}

.feature-card-row {
    display: flex !important;
    flex-direction: row !important;
    align-items: flex-start !important;
    gap: 16px !important;
    padding: 24px !important;
}

    .feature-card-row .icon-box {
        width: 48px;
        height: 48px;
        min-width: 48px;
        min-height: 48px;
        border-radius: 12px;
        background: #f3f4f6;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 !important;
        flex: 0 0 48px;
    }

    .feature-card-row .feature-icon {
        width: 20px !important;
        height: 20px !important;
        display: block;
    }

    .feature-card-row .feature-content {
        flex: 1 1 auto;
    }

        .feature-card-row .feature-content h3 {
            margin: 0 0 8px 0;
        }

        .feature-card-row .feature-content p {
            margin: 0;
        }

.contact-card h2 {
    margin: 0 0 20px 0;
}

.form-grid.two {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 14px;
    margin-top: 0;
    margin-bottom: 14px;
}

.form-stack {
    margin-top: 0;
}

    .form-grid.two input,
    .form-stack input,
    .form-stack textarea {
        width: 100%;
        box-sizing: border-box;
        padding: 14px 16px;
        border: 1px solid var(--line);
        border-radius: 18px;
        background: #fff;
        font-size: 14px;
        color: var(--text);
        outline: none;
    }

    .form-grid.two input,
    .form-stack input {
        height: 52px;
        line-height: 22px;
    }

        .form-stack input + input,
        .form-stack textarea {
            margin-top: 14px;
        }

    .form-stack textarea {
        min-height: 120px;
        resize: vertical;
    }


                                                           .pricing-card{padding:28px}.pricing-card.featured{background:var(--dark);color:#fff;border-color:var(--dark);box-shadow:0 24px 50px rgba(15,23,42,.18)}.pricing-card.featured .price-note,.pricing-card.featured li{color:#cbd5e1}.price-row{display:flex;align-items:flex-end;gap:8px;margin-top:18px}.price-row strong{font-size:52px;letter-spacing:-.04em}.price-row span{color:var(--muted);padding-bottom:8px}.price-note{font-size:15px;color:var(--muted);margin-top:10px}.pricing-card ul{margin:20px 0 0;padding:0;list-style:none}.pricing-card li{background:var(--soft);padding:12px 14px;border-radius:18px;margin-top:10px;font-size:14px;color:#334155}.pricing-card.featured li{background:rgba(255,255,255,.06)}
.pill{display:inline-flex;align-items:center;justify-content:center;padding:8px 12px;border-radius:999px;border:1px solid var(--line);font-weight:700;font-size:12px;background:#fff;color:#334155}.pill.dark{background:var(--dark);color:#fff;border-color:var(--dark)}.pill.white-outline{background:transparent;border-color:rgba(255,255,255,.2);color:#fff;margin-bottom:8px}.pill.success{background:#ecfdf5;color:#047857;border-color:#d1fae5}.pill.warning{background:#fffbeb;color:#b45309;border-color:#fde68a}.pill.danger{background:#fef2f2;color:#b91c1c;border-color:#fecaca}
.notice{margin-top:26px;padding:18px 20px;border-radius:24px;border:1px solid}.notice.amber{background:#fffbeb;border-color:#fde68a;color:#92400e}.notice.success{background:#ecfdf5;border-color:#a7f3d0;color:#065f46}.notice.danger{background:#fef2f2;border-color:#fecaca;color:#991b1b}
.dashboard-layout{display:grid;grid-template-columns:270px 1fr;gap:24px;margin-top:28px}.sidebar-card{padding:18px}.sidebar-brand{background:var(--dark);color:#fff;border-radius:22px;padding:18px}.sidebar-brand span{display:block;color:#cbd5e1;font-size:13px;margin-top:6px}.sidebar-nav{display:flex;flex-direction:column;gap:8px;margin-top:18px}.sidebar-nav a{padding:12px 14px;border-radius:18px;color:var(--muted);font-weight:700}.sidebar-nav a.active,.sidebar-nav a:hover{background:var(--soft);color:var(--text)}.dashboard-main{display:flex;flex-direction:column;gap:20px}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.dashboard-stats .feature-card span{display:block;color:var(--muted);font-size:14px}.dashboard-stats .feature-card h3{margin-top:10px;font-size:34px}.dashboard-panels{display:grid;grid-template-columns:1.15fr .85fr;gap:20px}.panel{padding:24px}.panel.wide{min-height:380px}.chart-bars{height:280px;display:flex;gap:12px;align-items:flex-end;background:var(--soft);padding:24px;border-radius:28px;margin-top:20px}.chart-bars div{flex:1;background:linear-gradient(to top,#ef4444,#fda4af);border-radius:18px 18px 0 0}
.payment-demo-grid,.contact-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:30px;align-items:start}.timeline-box{margin-top:26px}.timeline-item{background:#fff;border:1px solid var(--line);border-radius:24px;padding:16px 18px;margin-top:12px;font-weight:700;color:#475569}.timeline-item.done{background:#ecfdf5;border-color:#d1fae5;color:#047857}.payment-shell{background:#fff;border:1px solid var(--line);border-radius:36px;padding:24px;box-shadow:0 40px 100px rgba(15,23,42,.10)}.payment-shell h2{font-size:34px}.payment-shell p{margin:6px 0 0;font-size:14px}.payment-summary-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:22px}.summary-card{background:var(--soft);padding:18px;border-radius:22px}.summary-card span{display:block;color:var(--muted);font-size:12px}.summary-card strong{display:block;margin-top:8px;font-size:18px}.method-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:20px}.method-card{background:#fff;border:1px solid var(--line);padding:18px;border-radius:24px}.method-card.active{background:#fff5f5;border-color:#fecaca}.method-card strong{display:block;font-size:16px}.method-card span{display:block;color:var(--muted);font-size:14px;margin-top:6px}
.form-stack,
.form-grid{margin-top:18px}
.form-grid.two{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.form-stack input,.form-stack textarea,.contact-card input,.contact-card textarea{width:100%;padding:14px 16px;border-radius:18px;border:1px solid var(--line);background:#fff;font-size:14px;color:var(--text);outline:none}
.form-stack input + input,.form-stack textarea{margin-top:12px}
.contact-card input,
.contact-card textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 14px 16px;
    border: 1px solid var(--line);
    border-radius: 18px;
    background: #fff;
    font-size: 14px;
    color: var(--text);
    outline: none;
}
.contact-card{padding:28px}.contact-card h2{font-size:30px}.contact-card textarea{min-height:120px;resize:vertical}.helper-text{font-size:12px;color:var(--muted);line-height:1.6;margin-top:12px}.helper-text code{background:#f1f5f9;padding:2px 6px;border-radius:8px}.hidden{display:none}
.status-card{padding:34px;text-align:center}.status-icon{width:72px;height:72px;border-radius:999px;display:flex;align-items:center;justify-content:center;margin:0 auto 18px;font-size:34px;font-weight:800}.success-icon{background:#ecfdf5;color:#047857}.danger-icon{background:#fef2f2;color:#b91c1c}.narrow{max-width:900px}.stack-cards{display:grid;gap:16px}
.site-footer{border-top:1px solid var(--line);background:#fff;margin-top:30px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:20px;padding:46px 24px}.footer-brand p{font-size:14px;line-height:1.8;margin-top:14px;max-width:420px}.site-footer h4{margin:0 0 14px;font-size:16px}.site-footer a{display:block;color:var(--muted);font-size:14px;margin-top:10px}.site-footer a:hover{color:var(--text)}
.toggle-group {
    display: inline-flex;
    gap: 8px;
    padding: 6px;
    background: #ffffff;
    border: 1px solid var(--line);
    border-radius: 18px;
    box-shadow: 0 10px 28px rgba(15,23,42,.04);
}

.toggle {
    appearance: none;
    -webkit-appearance: none;
    border: 0;
    background: transparent;
    color: var(--muted);
    font-size: 14px;
    font-weight: 700;
    padding: 10px 16px;
    border-radius: 12px;
    cursor: pointer;
    line-height: 1;
}

    .toggle:hover {
        background: var(--soft);
        color: var(--text);
    }

    .toggle.active {
        background: var(--dark);
        color: #ffffff;
        box-shadow: 0 6px 16px rgba(15,23,42,.18);
    }

    .status-icon {
        position: relative;
        width: 72px;
        height: 72px;
        border-radius: 999px;
        display: flex;
        align-items: center;
        justify-content: center;
        margin: 0 auto 18px;
        font-size: 34px;
        font-weight: 800;
    }

    .success-icon {
        background: #ecfdf5;
        color: #047857;
    }

        .success-icon::before {
            content: "";
            width: 18px;
            height: 34px;
            border-right: 5px solid #047857;
            border-bottom: 5px solid #047857;
            transform: rotate(45deg) translate(-2px, -2px);
            display: block;
        }

.feature-card {
    background: #fff;
    border-radius: 16px;
    padding: 20px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.05);
    transition: all 0.2s ease;
}

    .feature-card:hover {
        transform: translateY(-3px);
        box-shadow: 0 15px 35px rgba(0,0,0,0.08);
    }

    .feature-card .icon {
        width: 40px;
        height: 40px;
        border-radius: 10px;
        background: #f5f7fa;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 12px;
        color: #e53935; /* Carepaya red */
    }

    .feature-card svg {
        width: 20px;
        height: 20px;
    }

    .feature-card.row {
        display: flex;
        align-items: flex-start;
        gap: 16px;
        padding: 24px;
    }

.icon-box {
    width: 48px;
    height: 48px;
    min-width: 48px;
    border-radius: 12px;
    background: #f3f4f6;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #ef4444;
}

.feature-icon {
    width: 20px;
    height: 20px;
}

.feature-content h3 {
    margin: 0 0 6px 0;
}

.feature-content p {
    margin: 0;
    color: #64748b;
}


.icon-box {
    width: 56px;
    height: 56px;
    min-width: 56px;
    min-height: 56px;
    border-radius: 16px;
    background: #f8fafc;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 18px;
    color: #ef4444;
    overflow: hidden;
}

.feature-icon {
    width: 24px !important;
    height: 24px !important;
    display: block;
    flex: 0 0 24px;
}



@media (max-width: 1100px){.hero-grid,.split-grid,.dashboard-layout,.payment-demo-grid,.contact-grid,.footer-grid{grid-template-columns:1fr}.feature-grid,.pricing-grid,.dashboard-stats,.dashboard-panels{grid-template-columns:repeat(2,1fr)}.hero-visual{height:620px}.large-card{width:60%}.side-card{width:34%}}
@media (max-width: 760px){.main-nav{display:none}.nav-wrap{padding:14px 18px}.container{padding:0 18px}h1{font-size:38px}h2{font-size:32px}.mini-stats,.feature-grid,.pricing-grid,.tile-grid,.dashboard-stats,.dashboard-panels,.payment-summary-grid,.method-grid,.form-grid.two{grid-template-columns:1fr}.hero-visual{height:auto;min-height:760px}.large-card,.side-card,.bottom-card{position:static;width:auto;margin:18px}.footer-grid{grid-template-columns:1fr}.nav-actions .btn-secondary{display:none}}