:root{--bg:#fff;--alt:#f5f7fb;--ink:#0f172a;--mute:#5b6478;--line:#e3e8f0;--brand:#2f5bea;--brand-d:#2347c4;--radius:14px}
*{box-sizing:border-box}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--ink);background:var(--bg);line-height:1.6}
a{color:inherit;text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 20px}
nav{position:sticky;top:0;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);z-index:5}
nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;height:64px}
.logo{font-weight:800;font-size:20px;letter-spacing:-.3px}
.logo span{color:var(--brand)}
/* Responsive logo image */
nav .logo{display:flex;align-items:center;flex:0 1 auto;min-width:0}
nav .logo img{display:block;height:40px;width:auto;max-width:100%;object-fit:contain}
nav ul{display:flex;gap:24px;list-style:none;margin:0;padding:0;font-size:15px;color:var(--mute)}
.btn{display:inline-block;padding:11px 20px;border-radius:8px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer}
.btn-p{background:var(--brand);color:#fff}.btn-p:hover{background:var(--brand-d)}
.btn-b{border-color:var(--brand);background:#fff;color:var(--brand)}.btn-b:hover{border-color:var(--brand-d);background:var(--brand-d);color:#fff}
.hero{padding:80px 0 56px;text-align:center}
.hero h1{font-size:clamp(34px,5.5vw,56px);line-height:1.1;letter-spacing:-1.2px;margin:0 auto 18px;max-width:780px}
.hero h1 em{font-style:normal;color:var(--brand)}
.hero p{font-size:19px;color:var(--mute);max-width:620px;margin:0 auto 28px}
.hero .cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero small{display:block;margin-top:14px;color:var(--mute);font-size:13px}
.shot{margin:48px auto 0;max-width:100%;border:1px solid var(--line);border-radius:var(--radius);background:var(--alt);box-shadow:0 20px 50px rgba(15,23,42,.10);overflow:hidden}
.shot a{display:block;cursor:zoom-in}
.shot img{display:block;width:100%;height:auto}
.shot-note{margin-top:12px;font-size:13px;color:var(--mute)}
@media(min-width:1200px){.shot{width:1160px;max-width:none;margin-left:0;margin-right:0;position:relative;left:50%;transform:translateX(-50%)}}
.strip{padding:28px 0;border-block:1px solid var(--line);background:var(--alt);text-align:center;color:var(--mute);font-size:15px}
.strip b{color:var(--ink)}
section{padding:80px 0}
.alt{background:var(--alt)}
h2{font-size:clamp(26px,3.5vw,38px);letter-spacing:-.6px;line-height:1.2;margin:0 0 12px;text-align:center}
.sub{text-align:center;color:var(--mute);max-width:600px;margin:0 auto 44px;font-size:17px}
.grid{display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:26px}
.card .ic{width:42px;height:42px;border-radius:10px;background:#e8eeff;display:flex;align-items:center;justify-content:center;font-size:20px;margin-bottom:14px}
.card h3{margin:0 0 6px;font-size:18px}
.card p{margin:0;color:var(--mute);font-size:15px}
.steps{counter-reset:s}
.steps .card{position:relative;padding-top:48px}
.steps .card::before{counter-increment:s;content:counter(s);position:absolute;top:16px;left:26px;width:26px;height:26px;border-radius:50%;background:var(--brand);color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center}
.price{align-items:stretch}
.price .card{display:flex;flex-direction:column}
.price .hot{border:2px solid var(--brand);position:relative}
.price .hot::after{content:"Most popular";position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:3px 12px;border-radius:99px}
.amt{font-size:38px;font-weight:800;letter-spacing:-1px;margin:8px 0 2px}
.amt small{font-size:15px;font-weight:500;color:var(--mute)}
.price ul{list-style:none;padding:0;margin:18px 0 24px;color:var(--mute);font-size:15px;flex:1}
.price li{padding:5px 0 5px 24px;position:relative}
.price li::before{content:"✓";position:absolute;left:0;color:var(--brand);font-weight:700}
.price .btn{text-align:center}
details{background:#fff;border:1px solid var(--line);border-radius:12px;padding:16px 20px;margin-bottom:12px;max-width:760px;margin-inline:auto}
summary{font-weight:600;cursor:pointer}
details p{color:var(--mute);margin:10px 0 0}
.final{background:var(--ink);color:#fff;text-align:center;border-radius:20px;padding:56px 24px}
.final h2{color:#fff}
.final p{color:#b9c2d6;max-width:520px;margin:0 auto 24px}
footer{background:var(--alt);border-top:1px solid var(--line);padding:64px 0 28px;color:var(--mute);font-size:15px}
.fgrid{display:grid;gap:36px;grid-template-columns:1.6fr repeat(4,1fr)}
.fbrand p{margin:12px 0 0;max-width:280px;font-size:14px}
footer h4{margin:0 0 14px;font-size:13px;text-transform:uppercase;letter-spacing:.8px;color:var(--ink)}
footer ul{list-style:none;margin:0;padding:0}
footer li{margin-bottom:10px}
footer li a:hover{color:var(--brand)}
.fbottom{margin-top:48px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:14px}
.fbottom a:hover{color:var(--brand)}
@media(max-width:860px){.fgrid{grid-template-columns:1fr 1fr}.fbrand{grid-column:1/-1}}
@media(max-width:720px){nav ul{display:none}.hero{padding-top:52px}section{padding:56px 0}nav .logo img{height:34px}}
@media(max-width:480px){nav .wrap{height:56px}nav .logo img{height:28px}nav .btn{padding:9px 14px;font-size:14px;white-space:nowrap}}
/* Responsive footer logo */
.fbrand .logo{display:inline-block;max-width:100%}
.fbrand .logo img{display:block;height:36px;width:auto;max-width:100%;object-fit:contain}
@media(max-width:480px){.fbrand .logo img{height:30px}.fgrid{gap:28px}.fbottom{flex-direction:column;gap:8px}}



/* LTCRM ABOUT PAGE */
.ltcrm-home {
    font-family: 'Inter', sans-serif;
    color: #0f172a;
    background: #ffffff;
    overflow: hidden;
}

.ltcrm-home * {
    box-sizing: border-box;
}

.ltcrm-container {
    width: 90%;
    max-width: 1120px;
    margin: 0 auto;
}

.ltcrm-home .ltcrm-section {
    padding: 85px 0;
}

.ltcrm-home .ltcrm-white {
    background: #ffffff;
}

.ltcrm-home .ltcrm-gray {
    background: #f5f7fb;
}

/* Headings & Labels */

.ltcrm-home .ltcrm-heading {
    font-size: clamp(28px, 3.5vw, 42px);
    font-weight: 750;
    letter-spacing: -1px;
    line-height: 1.25;
    margin: 0 0 22px;
    color: #0f172a;
}

.ltcrm-home .ltcrm-heading span {
    color: #2f5bea;
}

.ltcrm-home .ltcrm-description {
    font-size: 16px;
    line-height: 1.8;
    color: #5b6478;
    margin: 0 0 20px;
}

.ltcrm-home .ltcrm-label {
    display: inline-block;
    color: #2f5bea;
    background: #e8eeff;
    padding: 8px 15px;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.2px;
    margin-bottom: 20px;
    text-transform: uppercase;
}

.ltcrm-home .ltcrm-center {
    max-width: 820px;
    margin: auto;
    text-align: center;
}

/* Buttons */

.ltcrm-btn-primary {
    display: inline-block;
    padding: 14px 28px;
    background: #2f5bea;
    color: #ffffff;
    border-radius: 9px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: .3s ease;
}

.ltcrm-btn-primary:hover {
    background: #2347c4;
    color: #ffffff;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(47, 91, 234, 0.2);
}

.ltcrm-btn-secondary {
    display: inline-block;
    padding: 14px 28px;
    background: #ffffff;
    color: #0f172a;
    border: 1px solid #e3e8f0;
    border-radius: 9px;
    text-decoration: none;
    font-weight: 600;
    font-size: 15px;
    transition: .3s ease;
}

.ltcrm-btn-secondary:hover {
    border-color: #9db3fa;
    color: #2f5bea;
    transform: translateY(-2px);
}

/* Hero Section */

.ltcrm-home .ltcrm-hero {
    padding: 100px 0 70px;
    text-align: center;
}

.ltcrm-home .ltcrm-hero-btns {
    display: flex;
    gap: 15px;
    justify-content: center;
    margin-top: 30px;
}

.ltcrm-home .ltcrm-hero-preview {
    margin-top: 50px;
    background: #ffffff;
    border: 1px solid #e3e8f0;
    border-radius: 18px;
    padding: 20px;
    box-shadow: 0 20px 50px rgba(15, 23, 42, 0.08);
}

.ltcrm-home .ltcrm-preview-mockup {
    background: #f5f7fb;
    border-radius: 12px;
    height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px dashed #c9d5ee;
}

.ltcrm-home .ltcrm-preview-mockup span {
    font-size: 14px;
    font-weight: 600;
    color: #5b6478;
}

/* Grid & Cards (Features / Stats) */

.ltcrm-home .ltcrm-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
    margin-top: 40px;
}

.ltcrm-home .ltcrm-card {
    background: #ffffff;
    border: 1px solid #e3e8f0;
    border-radius: 14px;
    padding: 30px 25px;
    transition: .3s ease;
}

.ltcrm-home .ltcrm-card:hover {
    border-color: #9db3fa;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px rgba(15, 23, 42, .06);
}

.ltcrm-home .ltcrm-card-icon {
    width: 48px;
    height: 48px;
    background: #e8eeff;
    color: #2f5bea;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 20px;
}

.ltcrm-home .ltcrm-card h3 {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 12px;
    color: #0f172a;
}

.ltcrm-home .ltcrm-card p {
    font-size: 14px;
    color: #5b6478;
    line-height: 1.7;
    margin: 0;
}

/* Feature Showcase Section */

.ltcrm-home .ltcrm-feature-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.ltcrm-home .ltcrm-feature-list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0;
}

.ltcrm-home .ltcrm-feature-list li {
    padding: 10px 0;
    font-size: 15px;
    color: #455064;
    display: flex;
    align-items: center;
    gap: 12px;
}

.ltcrm-home .ltcrm-feature-list li::before {
    content: "✓";
    display: grid;
    place-items: center;
    min-width: 24px;
    height: 24px;
    background: #e8eeff;
    color: #2f5bea;
    border-radius: 50%;
    font-size: 12px;
    font-weight: 700;
}

/* Highlight / Banner CTA */

.ltcrm-home .ltcrm-cta-box {
    background: linear-gradient(135deg, #2f5bea, #5478ed);
    color: #ffffff;
    padding: 60px 40px;
    border-radius: 20px;
    text-align: center;
    box-shadow: 0 18px 40px rgba(47, 91, 234, .16);
}

.ltcrm-home .ltcrm-cta-box h2 {
    font-size: 32px;
    margin: 0 0 15px;
    color: #ffffff;
}

.ltcrm-home .ltcrm-cta-box p {
    color: #e9efff;
    font-size: 16px;
    max-width: 600px;
    margin: 0 auto 30px;
}

.ltcrm-home .ltcrm-cta-btn {
    display: inline-block;
    padding: 14px 30px;
    background: #ffffff;
    color: #2f5bea;
    border-radius: 9px;
    text-decoration: none;
    font-weight: 700;
    transition: .3s ease;
}

.ltcrm-home .ltcrm-cta-btn:hover {
    background: #f5f7fb;
    transform: translateY(-2px);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}

/* Responsive */

@media (max-width: 768px) {
    .ltcrm-home .ltcrm-section {
        padding: 60px 0;
    }

    .ltcrm-home .ltcrm-grid-3,
    .ltcrm-home .ltcrm-feature-row {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .ltcrm-home .ltcrm-hero-btns {
        flex-direction: column;
    }

    .ltcrm-home .ltcrm-cta-box {
        padding: 40px 20px;
    }
}
/* LTCRM FEATURES PAGE */

.ltcrm-features {
    --ltf-primary: #2f5bea;
    --ltf-light: #edf2ff;
    --ltf-dark: #172033;
    --ltf-text: #5b6478;
    --ltf-border: #e3e8f0;
    --ltf-bg: #f5f7fb;

    color: var(--ltf-dark);
    font-family: Arial, sans-serif;
}

.ltcrm-features * {
    box-sizing: border-box;
}

.ltf-container {
    width: min(1160px, calc(100% - 40px));
    margin: auto;
}

.ltf-hero {
    text-align: center;
    padding: 100px 0 85px;
    background: linear-gradient(180deg, #f5f8ff, #fff);
}

.ltf-label {
    display: inline-block;
    color: var(--ltf-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 17px;
}

.ltf-hero h1 {
    font-size: clamp(36px, 5vw, 56px);
    line-height: 1.15;
    letter-spacing: -1.5px;
    margin: 0;
    font-weight: 750;
}

.ltf-hero h1 span,
.ltf-heading h2 span,
.ltf-showcase-content h2 span {
    color: var(--ltf-primary);
}

.ltf-hero p {
    max-width: 650px;
    margin: 22px auto 30px;
    color: var(--ltf-text);
    line-height: 1.8;
    font-size: 16px;
}

.ltf-button {
    display: inline-flex;
    gap: 15px;
    align-items: center;
    padding: 14px 25px;
    background: var(--ltf-primary);
    color: #fff;
    text-decoration: none;
    border-radius: 7px;
    font-weight: 600;
    transition: .3s;
}

.ltf-button:hover {
    color: #fff;
    background: #2347c4;
    transform: translateY(-3px);
}

.ltf-preview {
    max-width: 850px;
    margin: 65px auto 0;
    background: #fff;
    padding: 28px;
    border: 1px solid var(--ltf-border);
    border-radius: 16px;
    text-align: left;
    box-shadow: 0 20px 55px rgba(30,50,90,.09);
}

.ltf-preview-header,
.ltf-mini-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 18px;
    border-bottom: 1px solid var(--ltf-border);
}

.ltf-preview-header span,
.ltf-mini-header span {
    color: var(--ltf-primary);
    font-size: 12px;
    font-weight: 600;
}

.ltf-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 15px;
    padding: 22px 0;
}

.ltf-stats > div {
    padding: 20px;
    background: var(--ltf-bg);
    border-radius: 10px;
}

.ltf-stats small,
.ltf-stats span {
    color: var(--ltf-text);
    font-size: 12px;
}

.ltf-stats h3 {
    font-size: 25px;
    margin: 10px 0;
}

.ltf-pipeline {
    padding-top: 20px;
    border-top: 1px solid var(--ltf-border);
    font-size: 13px;
    font-weight: 600;
}

.ltf-pipeline-line {
    display: flex;
    gap: 7px;
    margin: 17px 0 10px;
}

.ltf-pipeline-line i {
    height: 8px;
    flex: 1;
    border-radius: 20px;
    background: var(--ltf-primary);
}

.ltf-pipeline-line i:nth-child(2) {
    background: #7795ee;
}

.ltf-pipeline-line i:nth-child(3) {
    background: #a8baf0;
}

.ltf-pipeline-line i:nth-child(4) {
    background: #d4defb;
}

.ltf-pipeline-labels {
    display: flex;
    justify-content: space-between;
    color: var(--ltf-text);
}

.ltf-section {
    padding: 90px 0;
}

.ltf-light {
    background: var(--ltf-bg);
}

.ltf-heading {
    max-width: 700px;
    text-align: center;
    margin: 0 auto 48px;
}

.ltf-heading h2,
.ltf-showcase-content h2 {
    font-size: clamp(28px, 3.5vw, 38px);
    line-height: 1.25;
    margin: 8px 0 16px;
    font-weight: 750;
}

.ltf-heading p,
.ltf-showcase-content p {
    color: var(--ltf-text);
    line-height: 1.8;
    font-size: 15px;
}

.ltf-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.ltf-card {
    padding: 28px;
    background: #fff;
    border: 1px solid var(--ltf-border);
    border-radius: 13px;
    transition: .3s;
}

.ltf-card:hover {
    transform: translateY(-6px);
    border-color: #cbd7ff;
    box-shadow: 0 15px 35px rgba(30,50,90,.08);
}

.ltf-icon {
    width: 50px;
    height: 50px;
    display: grid;
    place-items: center;
    background: var(--ltf-light);
    color: var(--ltf-primary);
    font-size: 24px;
    font-weight: 700;
    border-radius: 12px;
    margin-bottom: 22px;
}

.ltf-card h3 {
    font-size: 18px;
    margin: 0 0 12px;
}

.ltf-card p {
    color: var(--ltf-text);
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

.ltf-showcase {
    display: flex;
    align-items: center;
    gap: 65px;
}

.ltf-showcase-content,
.ltf-visual {
    flex: 1;
    min-width: 0;
}

.ltf-visual {
    min-height: 330px;
    background: var(--ltf-light);
    padding: 35px;
    border-radius: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.ltf-mini-dashboard {
    width: 100%;
    max-width: 430px;
    padding: 25px;
    background: #fff;
    border-radius: 13px;
    box-shadow: 0 12px 35px rgba(20,40,80,.09);
}

.ltf-mini-header {
    font-size: 14px;
    margin-bottom: 12px;
}

.ltf-list-row,
.ltf-follow-row {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 17px 0;
    border-bottom: 1px solid var(--ltf-border);
}

.ltf-list-row:last-child,
.ltf-follow-row:last-child {
    border: none;
}

.ltf-avatar,
.ltf-check {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    background: var(--ltf-light);
    color: var(--ltf-primary);
    font-weight: 700;
}

.ltf-list-row strong,
.ltf-follow-row strong {
    display: block;
    font-size: 12px;
}

.ltf-list-row small,
.ltf-follow-row small {
    display: block;
    color: var(--ltf-text);
    font-size: 11px;
    margin-top: 5px;
}

.ltf-tag {
    margin-left: auto;
    padding: 6px 9px;
    border-radius: 20px;
    background: var(--ltf-light);
    color: var(--ltf-primary);
    font-size: 10px;
}

.ltf-deal-stage {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 17px 0;
    border-bottom: 1px solid var(--ltf-border);
}

.ltf-deal-stage:last-child {
    border: none;
}

.ltf-deal-stage strong,
.ltf-deal-stage span {
    display: block;
}

.ltf-deal-stage strong {
    font-size: 12px;
}

.ltf-deal-stage span {
    font-size: 11px;
    color: var(--ltf-text);
    margin-top: 5px;
}

.ltf-deal-stage b {
    color: var(--ltf-primary);
    background: var(--ltf-light);
    padding: 9px 12px;
    border-radius: 8px;
}

.ltf-check {
    flex-shrink: 0;
}

.ltf-showcase-content ul {
    padding: 0;
    margin: 25px 0 0;
    list-style: none;
}

.ltf-showcase-content li {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 17px;
}

.ltf-showcase-content li::before {
    content: "✓";
    color: var(--ltf-primary);
    margin-right: 12px;
}

.ltf-visibility {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.ltf-visibility-item {
    border: 1px solid var(--ltf-border);
    border-radius: 12px;
    padding: 25px;
}

.ltf-visibility-item > span {
    color: var(--ltf-primary);
    font-size: 13px;
    font-weight: 700;
}

.ltf-visibility-item h3 {
    margin: 17px 0 10px;
    font-size: 17px;
}

.ltf-visibility-item p {
    color: var(--ltf-text);
    font-size: 13px;
    line-height: 1.7;
    margin: 0;
}

.ltf-cta-section {
    padding: 20px 0 90px;
}

.ltf-cta {
    background: linear-gradient(120deg, #172b55, #244b91);
    padding: 75px 25px;
    text-align: center;
    border-radius: 18px;
    color: #fff;
}

.ltf-cta h2 {
    font-size: clamp(28px, 4vw, 38px);
    margin: 15px 0;
}

.ltf-cta p {
    color: #d3dced;
    margin-bottom: 28px;
}

.ltf-cta .ltf-label {
    color: #b9ccff;
}

.ltf-cta .ltf-button {
    background: #fff;
    color: var(--ltf-primary);
}

@media(max-width: 900px) {
    .ltf-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .ltf-showcase {
        gap: 30px;
    }

    .ltf-visibility {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 650px) {
    .ltf-hero {
        padding: 65px 0;
    }

    .ltf-section {
        padding: 60px 0;
    }

    .ltf-grid,
    .ltf-stats,
    .ltf-visibility {
        grid-template-columns: 1fr;
    }

    .ltf-showcase {
        flex-direction: column;
        align-items: stretch;
    }

    .ltf-reverse {
        flex-direction: column;
    }

    .ltf-visual {
        min-height: 270px;
        padding: 20px;
    }

    .ltf-preview {
        margin-top: 40px;
        padding: 18px;
    }

    .ltf-pipeline-labels {
        font-size: 10px;
    }

    .ltf-cta {
        padding: 55px 20px;
    }
}

/* =================================
   LTCRM HOW IT WORKS PAGE
================================= */

.lt-how {
    --lt-primary: #4169e1;
    --lt-primary-light: #edf2ff;
    --lt-dark: #172033;
    --lt-text: #596579;
    --lt-border: #e7ebf2;
    --lt-section: #f7f9fc;

    color: var(--lt-dark);
    font-family: Arial, sans-serif;
}

.lt-how * {
    box-sizing: border-box;
}

.lt-how-container {
    width: min(1160px, calc(100% - 40px));
    margin: auto;
}

/* HERO */

.lt-how-hero {
    padding: 95px 0 90px;
    text-align: center;
    background: linear-gradient(180deg, #f5f8ff, #fff);
}

.lt-how-label {
    display: inline-block;
    color: var(--lt-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
}

.lt-how-hero h1 {
    max-width: 850px;
    margin: auto;
    font-size: clamp(36px, 5vw, 57px);
    line-height: 1.15;
    font-weight: 750;
    letter-spacing: -1.8px;
}

.lt-how-hero h1 span,
.lt-how-heading h2 span,
.lt-how-step-content h3 span {
    color: var(--lt-primary);
}

.lt-how-hero p {
    max-width: 660px;
    margin: 22px auto 30px;
    color: var(--lt-text);
    font-size: 16px;
    line-height: 1.8;
}

.lt-how-btn {
    display: inline-flex;
    align-items: center;
    gap: 15px;
    padding: 14px 25px;
    background: var(--lt-primary);
    color: #fff !important;
    border-radius: 8px;
    text-decoration: none !important;
    font-size: 14px;
    font-weight: 600;
    transition: .25s ease;
}

.lt-how-btn:hover {
    background: #3154c5;
    transform: translateY(-2px);
    color: #fff !important;
}

/* WORKFLOW OVERVIEW */

.lt-how-overview {
    max-width: 1050px;
    margin: 65px auto 0;
    padding: 28px;
    background: #fff;
    border: 1px solid var(--lt-border);
    border-radius: 17px;
    box-shadow: 0 25px 65px rgba(30,50,90,.09);
    text-align: left;
}

.lt-how-overview-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 22px;
    border-bottom: 1px solid var(--lt-border);
    font-size: 15px;
}

.lt-how-live {
    color: #16865b;
    font-size: 12px;
}

.lt-how-flow {
    display: flex;
    align-items: center;
    gap: 13px;
    padding-top: 25px;
}

.lt-how-flow-card {
    flex: 1;
    min-width: 0;
    padding: 22px 16px;
    border: 1px solid var(--lt-border);
    border-radius: 12px;
    background: #fff;
    transition: .3s;
}

.lt-how-flow-card:hover {
    border-color: var(--lt-primary);
    background: var(--lt-primary-light);
    transform: translateY(-4px);
}

.lt-how-flow-icon {
    display: grid;
    place-items: center;
    width: 39px;
    height: 39px;
    margin-bottom: 17px;
    background: var(--lt-primary-light);
    color: var(--lt-primary);
    border-radius: 10px;
    font-weight: 700;
}

.lt-how-flow-card h3 {
    font-size: 16px;
    margin: 0 0 9px;
}

.lt-how-flow-card p {
    font-size: 12px;
    line-height: 1.7;
    margin: 0;
    color: var(--lt-text);
}

.lt-how-arrow {
    color: var(--lt-primary);
    font-size: 23px;
    font-weight: 700;
}

/* COMMON SECTION */

.lt-how-section {
    padding: 90px 0;
}

.lt-how-alt {
    background: var(--lt-section);
}

.lt-how-heading {
    max-width: 680px;
    margin: 0 auto 60px;
    text-align: center;
}

.lt-how-heading h2 {
    font-size: clamp(28px, 3.5vw, 39px);
    font-weight: 750;
    letter-spacing: -.8px;
    line-height: 1.25;
    margin: 8px 0 16px;
}

.lt-how-heading p {
    color: var(--lt-text);
    font-size: 15px;
    line-height: 1.8;
}

/* STEP LAYOUT */

.lt-how-steps {
    display: flex;
    flex-direction: column;
    gap: 85px;
}

.lt-how-step {
    display: grid;
    grid-template-columns: 55px 1fr 1fr;
    align-items: center;
    gap: 35px;
}

.lt-how-step.reverse {
    grid-template-columns: 55px 1fr 1fr;
}

.lt-how-step-number {
    align-self: start;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    background: var(--lt-primary-light);
    color: var(--lt-primary);
    border-radius: 13px;
    font-size: 15px;
    font-weight: 700;
}

.lt-how-step-content > span {
    color: var(--lt-primary);
    font-size: 11px;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.lt-how-step-content h3 {
    font-size: 27px;
    line-height: 1.3;
    margin: 14px 0;
    font-weight: 750;
    letter-spacing: -.6px;
}

.lt-how-step-content p {
    font-size: 14px;
    color: var(--lt-text);
    line-height: 1.9;
}

.lt-how-step-content ul {
    list-style: none;
    padding: 0;
    margin-top: 22px;
}

.lt-how-step-content li {
    position: relative;
    padding-left: 25px;
    margin-bottom: 13px;
    font-size: 13px;
    font-weight: 600;
}

.lt-how-step-content li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--lt-primary);
    font-weight: 700;
}

/* VISUAL WINDOWS */

.lt-how-step-visual {
    min-width: 0;
    min-height: 280px;
    padding: 30px;
    background: var(--lt-primary-light);
    border-radius: 17px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.lt-how-mini-window,
.lt-how-task-window,
.lt-how-insights,
.lt-how-deal-board {
    width: 100%;
    max-width: 430px;
    background: #fff;
    border: 1px solid var(--lt-border);
    border-radius: 12px;
    padding: 22px;
    box-shadow: 0 12px 35px rgba(20,40,80,.08);
}

.lt-how-window-header,
.lt-how-board-heading,
.lt-how-insight-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 20px;
    font-size: 13px;
}

.lt-how-window-header > span {
    color: var(--lt-primary);
    font-size: 11px;
    font-weight: 600;
}

.lt-how-lead {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 14px 0;
    border-top: 1px solid var(--lt-border);
}

.lt-how-avatar {
    width: 37px;
    height: 37px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    color: #4169e1;
    background: #edf2ff;
    font-size: 11px;
    font-weight: 700;
}

.lt-how-avatar.purple {
    color: #9165db;
    background: #f2edff;
}

.lt-how-avatar.green {
    color: #16865b;
    background: #e8f8f0;
}

.lt-how-lead strong,
.lt-how-task strong {
    display: block;
    font-size: 11px;
}

.lt-how-lead small,
.lt-how-task small {
    display: block;
    margin-top: 5px;
    font-size: 10px;
    color: var(--lt-text);
}

.lt-how-lead > span {
    margin-left: auto;
    padding: 5px 8px;
    border-radius: 20px;
    background: var(--lt-primary-light);
    color: var(--lt-primary);
    font-size: 9px;
}

/* DEAL BOARD */

.lt-how-board-heading small {
    color: var(--lt-text);
    font-size: 10px;
}

.lt-how-board-columns {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 9px;
}

.lt-how-column-label {
    display: block;
    margin-bottom: 10px;
    color: var(--lt-text);
    font-size: 10px;
    font-weight: 700;
}

.lt-how-deal-card {
    padding: 12px 9px;
    background: #f7f9fc;
    border-radius: 8px;
    border-top: 3px solid var(--lt-primary);
}

.lt-how-deal-card strong {
    display: block;
    font-size: 10px;
    line-height: 1.5;
}

.lt-how-deal-card small {
    display: block;
    margin: 7px 0;
    color: var(--lt-text);
    font-size: 9px;
}

.lt-how-deal-card b {
    font-size: 11px;
    color: var(--lt-primary);
}

/* FOLLOW-UP TASKS */

.lt-how-task {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 15px 0;
    border-top: 1px solid var(--lt-border);
}

.lt-how-task-check {
    width: 28px;
    height: 28px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    background: var(--lt-primary-light);
    color: var(--lt-primary);
    border-radius: 8px;
    font-size: 12px;
}

.lt-how-task > span {
    margin-left: auto;
    font-size: 10px;
    color: var(--lt-primary);
    font-weight: 600;
}

/* INSIGHTS */

.lt-how-insight-header span {
    padding: 6px 9px;
    background: var(--lt-primary-light);
    color: var(--lt-primary);
    border-radius: 6px;
    font-size: 10px;
}

.lt-how-insight-stats {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

.lt-how-insight-stats > div {
    padding: 15px;
    background: #f7f9fc;
    border-radius: 9px;
}

.lt-how-insight-stats small {
    display: block;
    color: var(--lt-text);
    font-size: 10px;
}

.lt-how-insight-stats strong {
    display: block;
    margin-top: 9px;
    font-size: 24px;
}

.lt-how-chart {
    height: 100px;
    display: flex;
    align-items: end;
    justify-content: space-around;
    gap: 12px;
    margin-top: 25px;
    padding: 0 8px;
    border-bottom: 1px solid var(--lt-border);
}

.lt-how-chart div {
    flex: 1;
    max-width: 30px;
    background: linear-gradient(180deg, #4169e1, #9eb4ff);
    border-radius: 5px 5px 0 0;
}

.lt-how-chart-labels {
    display: flex;
    justify-content: space-around;
    margin-top: 9px;
    font-size: 9px;
    color: var(--lt-text);
}

/* BENEFITS */

.lt-how-benefits {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.lt-how-benefit {
    padding: 30px;
    background: #fff;
    border: 1px solid var(--lt-border);
    border-radius: 13px;
    transition: .3s;
}

.lt-how-benefit:hover {
    transform: translateY(-5px);
    border-color: #cbd7ff;
    box-shadow: 0 15px 35px rgba(30,50,90,.07);
}

.lt-how-benefit-icon {
    width: 45px;
    height: 45px;
    display: grid;
    place-items: center;
    background: var(--lt-primary-light);
    color: var(--lt-primary);
    border-radius: 11px;
    font-weight: 700;
    margin-bottom: 22px;
}

.lt-how-benefit h3 {
    font-size: 17px;
    margin-bottom: 12px;
}

.lt-how-benefit p {
    font-size: 13px;
    color: var(--lt-text);
    line-height: 1.8;
    margin: 0;
}

/* CTA */

.lt-how-cta-section {
    padding: 20px 0 90px;
}

.lt-how-cta {
    padding: 75px 25px;
    text-align: center;
    color: #fff;
    background: linear-gradient(120deg, #172b55, #244b91);
    border-radius: 20px;
}

.lt-how-cta > span {
    color: #b9ccff;
    font-size: 12px;
    letter-spacing: 1.5px;
    font-weight: 700;
}

.lt-how-cta h2 {
    margin: 15px 0;
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 750;
}

.lt-how-cta p {
    max-width: 570px;
    margin: 0 auto 28px;
    color: #d3dced;
    font-size: 15px;
    line-height: 1.8;
}

.lt-how-cta .lt-how-btn {
    background: #fff;
    color: var(--lt-primary) !important;
}

.lt-how-cta .lt-how-btn:hover {
    background: #edf2ff;
}

/* RESPONSIVE */

@media(max-width: 900px) {
    .lt-how-flow {
        flex-wrap: wrap;
    }

    .lt-how-flow-card {
        flex: 1 1 40%;
    }

    .lt-how-step {
        grid-template-columns: 45px 1fr;
        gap: 20px;
    }

    .lt-how-step-visual {
        grid-column: 2;
    }

    .lt-how-benefits {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media(max-width: 650px) {
    .lt-how-hero {
        padding: 65px 0;
    }

    .lt-how-section {
        padding: 65px 0;
    }

    .lt-how-overview {
        padding: 18px;
        margin-top: 40px;
    }

    .lt-how-overview-top {
        align-items: flex-start;
        gap: 12px;
        flex-direction: column;
    }

    .lt-how-flow {
        display: grid;
        grid-template-columns: 1fr;
    }

    .lt-how-flow-card {
        width: 100%;
    }

    .lt-how-arrow {
        transform: rotate(90deg);
        text-align: center;
    }

    .lt-how-step,
    .lt-how-step.reverse {
        grid-template-columns: 42px 1fr;
        gap: 15px;
    }

    .lt-how-step-number {
        width: 40px;
        height: 40px;
    }

    .lt-how-step-content h3 {
        font-size: 22px;
    }

    .lt-how-step-visual {
        grid-column: 1 / -1;
        padding: 17px;
        min-height: 250px;
    }

    .lt-how-benefits {
        grid-template-columns: 1fr;
    }

    .lt-how-board-columns {
        gap: 6px;
    }

    .lt-how-deal-card {
        padding: 9px 6px;
    }

    .lt-how-cta {
        padding: 55px 20px;
    }
}

/* =================================
   LTCRM API PAGE
================================= */

.lt-api {
    --api-primary: #4169e1;
    --api-light: #edf2ff;
    --api-dark: #172033;
    --api-text: #596579;
    --api-border: #e7ebf2;
    --api-section: #f7f9fc;

    color: var(--api-dark);
    font-family: Arial, sans-serif;
}

.lt-api * {
    box-sizing: border-box;
}

.lt-api-container {
    width: min(1160px, calc(100% - 40px));
    margin: auto;
}

/* HERO */

.lt-api-hero {
    padding: 95px 0 90px;
    text-align: center;
    background: linear-gradient(180deg, #f5f8ff, #fff);
}

.lt-api-label {
    display: inline-block;
    color: var(--api-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 18px;
}

.lt-api-hero h1 {
    max-width: 850px;
    margin: auto;
    font-size: clamp(36px, 5vw, 57px);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -1.8px;
}

.lt-api-hero h1 span,
.lt-api-heading h2 span,
.lt-api-split-content h2 span {
    color: var(--api-primary);
}

.lt-api-hero p {
    max-width: 660px;
    margin: 22px auto 28px;
    color: var(--api-text);
    font-size: 16px;
    line-height: 1.8;
}

.lt-api-buttons {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
}

.lt-api-btn,
.lt-api-secondary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 14px 24px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none !important;
    transition: .25s ease;
}

.lt-api-btn {
    color: #fff !important;
    background: var(--api-primary);
}

.lt-api-btn:hover {
    background: #3154c5;
    transform: translateY(-2px);
}

.lt-api-secondary {
    color: var(--api-dark) !important;
    border: 1px solid var(--api-border);
    background: #fff;
}

.lt-api-secondary:hover {
    border-color: var(--api-primary);
    color: var(--api-primary) !important;
}

/* HERO CODE WINDOW */

.lt-api-code-window {
    max-width: 760px;
    margin: 65px auto 0;
    text-align: left;
    background: #172033;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 25px 65px rgba(30,50,90,.17);
}

.lt-api-code-header {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 18px 23px;
    color: #d4dced;
    background: #202c43;
    border-bottom: 1px solid rgba(255,255,255,.08);
    font-size: 12px;
}

.lt-api-dots {
    display: flex;
    gap: 6px;
}

.lt-api-dots span {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #ff7777;
}

.lt-api-dots span:nth-child(2) {
    background: #f7c65b;
}

.lt-api-dots span:nth-child(3) {
    background: #55c98a;
}

.lt-api-method {
    margin-left: auto;
    padding: 5px 10px;
    background: rgba(48,186,160,.15);
    color: #62d6b7;
    border-radius: 5px;
    font-weight: 700;
}

.lt-api-code-body {
    padding: 26px;
    overflow-x: auto;
}

.lt-api-code-line {
    display: flex;
    gap: 15px;
    min-height: 31px;
    align-items: center;
    white-space: pre;
    color: #e4eaf5;
    font-family: Consolas, monospace;
    font-size: 13px;
}

.lt-api-line-no {
    width: 20px;
    color: #64748b;
    flex-shrink: 0;
}

.lt-api-purple {
    color: #c5a3ff;
}

.lt-api-green {
    color: #70d6a8;
}

.lt-api-muted {
    color: #91a0b9;
}

.lt-api-comment {
    color: #7c91ae;
}

.lt-api-code-footer {
    display: flex;
    gap: 25px;
    padding: 15px 24px;
    border-top: 1px solid rgba(255,255,255,.09);
    color: #9baac1;
    font-size: 11px;
}

/* COMMON SECTION */

.lt-api-section {
    padding: 90px 0;
}

.lt-api-alt {
    background: var(--api-section);
}

.lt-api-heading {
    max-width: 690px;
    margin: 0 auto 48px;
    text-align: center;
}

.lt-api-heading h2,
.lt-api-split-content h2 {
    font-size: clamp(28px, 3.5vw, 39px);
    font-weight: 750;
    line-height: 1.25;
    letter-spacing: -.8px;
    margin: 8px 0 16px;
}

.lt-api-heading p,
.lt-api-split-content p {
    color: var(--api-text);
    font-size: 15px;
    line-height: 1.8;
}

/* API CARDS */

.lt-api-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.lt-api-card {
    padding: 27px;
    background: #fff;
    border: 1px solid var(--api-border);
    border-radius: 13px;
    transition: .3s ease;
}

.lt-api-card:hover {
    transform: translateY(-6px);
    border-color: #cbd7ff;
    box-shadow: 0 15px 35px rgba(30,50,90,.08);
}

.lt-api-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    margin-bottom: 22px;
    border-radius: 11px;
    background: var(--api-light);
    color: var(--api-primary);
    font-size: 19px;
    font-weight: 700;
}

.lt-api-card h3 {
    font-size: 17px;
    margin: 0 0 12px;
}

.lt-api-card p {
    color: var(--api-text);
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

/* API RESOURCES */

.lt-api-resources {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 18px;
}

.lt-api-resource {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px;
    background: #fff;
    border: 1px solid var(--api-border);
    border-radius: 12px;
    transition: .3s;
}

.lt-api-resource:hover {
    border-color: #cbd7ff;
    transform: translateY(-3px);
}

.lt-api-resource-icon {
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    flex-shrink: 0;
    border-radius: 10px;
    background: var(--api-light);
    color: var(--api-primary);
    font-size: 13px;
    font-weight: 700;
}

.lt-api-resource h3 {
    margin: 0 0 7px;
    font-size: 16px;
}

.lt-api-resource p {
    color: var(--api-text);
    font-size: 12px;
    line-height: 1.6;
    margin: 0 0 9px;
}

.lt-api-resource code {
    display: inline-block;
    padding: 5px 9px;
    color: var(--api-primary);
    background: var(--api-light);
    border-radius: 5px;
    font-size: 11px;
}

.lt-api-note {
    margin-top: 25px;
    padding: 15px 18px;
    background: #fff;
    border: 1px solid var(--api-border);
    border-radius: 8px;
    color: var(--api-text);
    font-size: 12px;
    line-height: 1.7;
}

/* AUTHENTICATION */

.lt-api-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
    gap: 65px;
}

.lt-api-checks {
    list-style: none;
    padding: 0;
    margin: 25px 0 0;
}

.lt-api-checks li {
    position: relative;
    padding-left: 27px;
    margin-bottom: 17px;
    font-size: 14px;
    font-weight: 600;
}

.lt-api-checks li:before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--api-primary);
    font-weight: 700;
}

.lt-api-auth-card {
    background: #172033;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0 20px 50px rgba(30,50,90,.12);
}

.lt-api-auth-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 21px 24px;
    color: #fff;
    background: #202c43;
}

.lt-api-auth-header strong {
    font-size: 14px;
}

.lt-api-auth-header span {
    font-size: 11px;
    color: #aab8ce;
}

.lt-api-auth-code {
    padding: 30px 25px;
    color: #e4eaf5;
    font-family: Consolas, monospace;
    font-size: 13px;
    line-height: 1.9;
    overflow-wrap: anywhere;
}

.lt-api-code-comment {
    color: #8294af;
}

.lt-api-code-blue {
    color: #91b7ff;
}

.lt-api-code-green {
    color: #70d6a8;
}

.lt-api-auth-status {
    padding: 15px 24px;
    color: #aab8ce;
    font-size: 11px;
    border-top: 1px solid rgba(255,255,255,.08);
}

.lt-api-auth-status span {
    color: #55c98a;
    margin-right: 7px;
}

/* EXAMPLE RESPONSE */

.lt-api-example {
    max-width: 800px;
    margin: auto;
    background: #172033;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 20px 55px rgba(30,50,90,.13);
}

.lt-api-example-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: 20px 25px;
    background: #202c43;
    color: #fff;
}

.lt-api-example-top strong {
    font-family: Consolas, monospace;
    font-size: 13px;
}

.lt-api-example-top span {
    color: #70d6a8;
    font-size: 11px;
}

.lt-api-example-code {
    padding: 25px;
    overflow-x: auto;
}

.lt-api-example-code pre {
    margin: 0;
    color: #e4eaf5;
    font-family: Consolas, monospace;
    font-size: 13px;
    line-height: 1.9;
    white-space: pre;
}

.lt-api-code-purple {
    color: #c5a3ff;
}

.lt-api-code-orange {
    color: #f5bd82;
}

.lt-api-example-footer {
    padding: 15px 25px;
    border-top: 1px solid rgba(255,255,255,.09);
    color: #aab8ce;
    font-size: 11px;
}

.lt-api-success-dot {
    display: inline-block;
    width: 7px;
    height: 7px;
    margin-right: 7px;
    border-radius: 50%;
    background: #55c98a;
}

/* INTEGRATION STEPS */

.lt-api-steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 22px;
}

.lt-api-step {
    position: relative;
    padding: 27px;
    border: 1px solid var(--api-border);
    border-radius: 13px;
    background: #fff;
    transition: .3s;
}

.lt-api-step:hover {
    transform: translateY(-5px);
    border-color: #cbd7ff;
    box-shadow: 0 15px 30px rgba(30,50,90,.06);
}

.lt-api-step > span {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    margin-bottom: 22px;
    border-radius: 10px;
    background: var(--api-light);
    color: var(--api-primary);
    font-weight: 700;
}

.lt-api-step h3 {
    font-size: 16px;
    margin: 0 0 12px;
}

.lt-api-step p {
    color: var(--api-text);
    font-size: 13px;
    line-height: 1.8;
    margin: 0;
}

/* CTA */

.lt-api-cta-section {
    padding: 20px 0 90px;
}

.lt-api-cta {
    padding: 75px 25px;
    text-align: center;
    color: #fff;
    background: linear-gradient(120deg, #172b55, #244b91);
    border-radius: 20px;
}

.lt-api-cta > span {
    color: #b9ccff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.lt-api-cta h2 {
    max-width: 700px;
    margin: 15px auto;
    font-size: clamp(28px, 4vw, 38px);
    line-height: 1.3;
}

.lt-api-cta p {
    max-width: 580px;
    margin: 0 auto 28px;
    color: #d3dced;
    font-size: 15px;
    line-height: 1.8;
}

.lt-api-cta .lt-api-btn {
    background: #fff;
    color: var(--api-primary) !important;
}

.lt-api-cta .lt-api-btn:hover {
    background: var(--api-light);
}

/* RESPONSIVE */

@media(max-width: 900px) {
    .lt-api-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .lt-api-steps {
        grid-template-columns: repeat(2, 1fr);
    }

    .lt-api-split {
        gap: 35px;
    }
}

@media(max-width: 650px) {
    .lt-api-hero {
        padding: 65px 0;
    }

    .lt-api-section {
        padding: 65px 0;
    }

    .lt-api-grid,
    .lt-api-resources,
    .lt-api-steps,
    .lt-api-split {
        grid-template-columns: 1fr;
    }

    .lt-api-code-window {
        margin-top: 40px;
    }

    .lt-api-code-body {
        padding: 18px;
    }

    .lt-api-code-line {
        font-size: 11px;
        gap: 9px;
    }

    .lt-api-code-footer {
        flex-wrap: wrap;
        gap: 12px;
    }

    .lt-api-resource {
        padding: 18px;
    }

    .lt-api-example-code {
        padding: 18px;
    }

    .lt-api-example-code pre {
        font-size: 11px;
    }

    .lt-api-cta {
        padding: 55px 20px;
    }
}

/* =================================
   LTCRM HELP CENTER PAGE
================================= */

.lt-help {
    --lh-primary: #4169e1;
    --lh-light: #edf2ff;
    --lh-dark: #172033;
    --lh-text: #596579;
    --lh-border: #e7ebf2;
    --lh-section: #f7f9fc;

    color: var(--lh-dark);
    font-family: Arial, sans-serif;
}

.lt-help * {
    box-sizing: border-box;
}

.lt-help-container {
    width: min(1160px, calc(100% - 40px));
    margin: auto;
}

/* HERO */

.lt-help-hero {
    padding: 100px 0 90px;
    text-align: center;
    background: linear-gradient(180deg, #f5f8ff, #fff);
}

.lt-help-label {
    display: inline-block;
    color: var(--lh-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
    margin-bottom: 17px;
}

.lt-help-hero h1 {
    font-size: clamp(36px, 5vw, 56px);
    line-height: 1.15;
    letter-spacing: -1.8px;
    font-weight: 750;
    margin: 0;
}

.lt-help-hero h1 span,
.lt-help-heading h2 span {
    color: var(--lh-primary);
}

.lt-help-hero > .lt-help-container > p {
    max-width: 620px;
    margin: 22px auto 30px;
    color: var(--lh-text);
    font-size: 16px;
    line-height: 1.8;
}

/* SEARCH */

.lt-help-search {
    display: flex;
    align-items: center;
    max-width: 650px;
    margin: 0 auto;
    padding: 7px;
    background: #fff;
    border: 1px solid var(--lh-border);
    border-radius: 10px;
    box-shadow: 0 12px 35px rgba(30,50,90,.08);
}

.lt-help-search > span {
    padding: 0 13px;
    color: var(--lh-primary);
    font-size: 27px;
}

.lt-help-search input {
    flex: 1;
    min-width: 0;
    height: 43px;
    border: none;
    outline: none;
    background: transparent;
    color: var(--lh-dark);
    font-size: 13px;
}

.lt-help-search button {
    border: none;
    padding: 13px 23px;
    background: var(--lh-primary);
    color: #fff;
    border-radius: 7px;
    font-size: 13px;
    font-weight: 600;
    cursor: pointer;
    transition: .25s;
}

.lt-help-search button:hover {
    background: #3154c5;
}

.lt-help-popular {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 20px;
    font-size: 12px;
}

.lt-help-popular > span {
    color: var(--lh-text);
}

.lt-help-popular a {
    color: var(--lh-primary);
    text-decoration: none;
    font-weight: 600;
}

.lt-help-popular a:hover {
    text-decoration: underline;
}

/* SECTIONS */

.lt-help-section {
    padding: 90px 0;
}

.lt-help-alt {
    background: var(--lh-section);
}

.lt-help-heading {
    max-width: 680px;
    text-align: center;
    margin: 0 auto 50px;
}

.lt-help-heading h2 {
    font-size: clamp(28px, 3.5vw, 39px);
    line-height: 1.25;
    font-weight: 750;
    letter-spacing: -.8px;
    margin: 8px 0 16px;
}

.lt-help-heading p {
    color: var(--lh-text);
    font-size: 15px;
    line-height: 1.8;
}

/* CATEGORY CARDS */

.lt-help-category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.lt-help-category {
    display: block;
    padding: 28px;
    background: #fff;
    border: 1px solid var(--lh-border);
    border-radius: 13px;
    text-decoration: none !important;
    transition: .3s ease;
}

.lt-help-category:hover {
    transform: translateY(-6px);
    border-color: #cbd7ff;
    box-shadow: 0 15px 35px rgba(30,50,90,.08);
}

.lt-help-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin-bottom: 22px;
    border-radius: 11px;
    background: var(--lh-light);
    color: var(--lh-primary);
    font-size: 14px;
    font-weight: 700;
}

.lt-help-category h3 {
    color: var(--lh-dark);
    font-size: 17px;
    font-weight: 700;
    margin: 0 0 12px;
}

.lt-help-category p {
    color: var(--lh-text);
    font-size: 13px;
    line-height: 1.8;
    min-height: 48px;
    margin: 0 0 20px;
}

.lt-help-category > span {
    color: var(--lh-primary);
    font-size: 12px;
    font-weight: 700;
}

/* POPULAR ARTICLES */

.lt-help-articles {
    max-width: 850px;
    margin: auto;
    display: grid;
    gap: 13px;
}

.lt-help-article {
    display: flex;
    align-items: center;
    gap: 18px;
    padding: 21px 24px;
    background: #fff;
    border: 1px solid var(--lh-border);
    border-radius: 11px;
    text-decoration: none !important;
    transition: .3s;
}

.lt-help-article:hover {
    transform: translateX(5px);
    border-color: #cbd7ff;
    box-shadow: 0 8px 25px rgba(30,50,90,.06);
}

.lt-help-article-icon {
    display: grid;
    place-items: center;
    width: 43px;
    height: 43px;
    flex-shrink: 0;
    background: var(--lh-light);
    color: var(--lh-primary);
    border-radius: 10px;
    font-size: 18px;
}

.lt-help-article > div:nth-child(2) {
    flex: 1;
    min-width: 0;
}

.lt-help-article > div > span {
    color: var(--lh-primary);
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
}

.lt-help-article h3 {
    margin: 6px 0;
    color: var(--lh-dark);
    font-size: 15px;
}

.lt-help-article p {
    color: var(--lh-text);
    font-size: 12px;
    line-height: 1.6;
    margin: 0;
}

.lt-help-article > b {
    color: var(--lh-primary);
    font-size: 20px;
}

.lt-help-no-results {
    display: none;
    padding: 25px;
    text-align: center;
    color: var(--lh-text);
    font-size: 14px;
}

/* FAQ */

.lt-help-faq {
    max-width: 800px;
    margin: auto;
}

.lt-help-faq-item {
    margin-bottom: 13px;
    background: #fff;
    border: 1px solid var(--lh-border);
    border-radius: 10px;
    overflow: hidden;
}

.lt-help-faq-question {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    padding: 21px 24px;
    border: none;
    background: #fff;
    color: var(--lh-dark);
    text-align: left;
    font-family: inherit;
    font-size: 14px;
    font-weight: 700;
    cursor: pointer;
}

.lt-help-faq-question span {
    display: grid;
    place-items: center;
    width: 27px;
    height: 27px;
    flex-shrink: 0;
    background: var(--lh-light);
    color: var(--lh-primary);
    border-radius: 7px;
    font-size: 19px;
}

.lt-help-faq-item.active .lt-help-faq-question {
    color: var(--lh-primary);
}

.lt-help-faq-answer {
    display: none;
    padding: 0 24px 21px;
}

.lt-help-faq-item.active .lt-help-faq-answer {
    display: block;
}

.lt-help-faq-answer p {
    margin: 0;
    color: var(--lh-text);
    font-size: 13px;
    line-height: 1.9;
}

/* CTA */

.lt-help-cta-section {
    padding: 20px 0 90px;
}

.lt-help-cta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    padding: 60px;
    color: #fff;
    background: linear-gradient(120deg, #172b55, #244b91);
    border-radius: 18px;
}

.lt-help-cta > div > span {
    color: #b9ccff;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.lt-help-cta h2 {
    margin: 13px 0;
    font-size: clamp(26px, 3vw, 35px);
    font-weight: 750;
}

.lt-help-cta p {
    max-width: 550px;
    color: #d3dced;
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

.lt-help-cta-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 13px;
    flex-shrink: 0;
    padding: 15px 23px;
    background: #fff;
    color: var(--lh-primary) !important;
    border-radius: 8px;
    text-decoration: none !important;
    font-size: 13px;
    font-weight: 700;
    transition: .25s;
}

.lt-help-cta-btn:hover {
    background: var(--lh-light);
    transform: translateY(-3px);
}

/* RESPONSIVE */

@media(max-width: 900px) {
    .lt-help-category-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .lt-help-cta {
        padding: 40px;
    }
}

@media(max-width: 650px) {
    .lt-help-hero {
        padding: 65px 0;
    }

    .lt-help-section {
        padding: 65px 0;
    }

    .lt-help-category-grid {
        grid-template-columns: 1fr;
    }

    .lt-help-search {
        flex-wrap: wrap;
    }

    .lt-help-search input {
        font-size: 11px;
    }

    .lt-help-search button {
        padding: 12px 15px;
    }

    .lt-help-popular {
        gap: 10px;
    }

    .lt-help-article {
        gap: 12px;
        padding: 17px;
    }

    .lt-help-article h3 {
        font-size: 13px;
    }

    .lt-help-article p {
        font-size: 11px;
    }

    .lt-help-faq-question {
        padding: 18px;
        font-size: 13px;
    }

    .lt-help-faq-answer {
        padding: 0 18px 18px;
    }

    .lt-help-cta {
        flex-direction: column;
        align-items: flex-start;
        padding: 35px 23px;
    }

    .lt-help-cta-btn {
        width: 100%;
    }
}

/* LTCRM STATUS PAGE */

.lt-status {
    --status-primary: #4169e1;
    --status-light: #edf2ff;
    --status-dark: #172033;
    --status-text: #596579;
    --status-border: #e7ebf2;
    --status-bg: #f7f9fc;

    max-width: 1100px;
    margin: 0 auto;
    padding: 65px 24px;
    color: var(--status-dark);
    font-family: Arial, sans-serif;
}

.lt-status-hero {
    text-align: center;
    padding: 45px 20px;
    background: var(--status-bg);
    border-radius: 12px;
    margin-bottom: 45px;
}

.lt-status-label {
    color: var(--status-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.lt-status-hero h1 {
    font-size: 36px;
    margin: 15px 0 10px;
}

.lt-status-hero p {
    color: var(--status-text);
    font-size: 15px;
}

.lt-status-overall {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-top: 18px;
    padding: 12px 20px;
    background: #e9f8ef;
    color: #16834a;
    border-radius: 30px;
    font-size: 14px;
    font-weight: 600;
}

.lt-status-dot,
.lt-update-dot {
    width: 9px;
    height: 9px;
    display: inline-block;
    border-radius: 50%;
    background: #20ad65;
}

.lt-status-section {
    margin-bottom: 40px;
}

.lt-status-section h2 {
    font-size: 22px;
    margin-bottom: 20px;
}

.lt-status-service {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 15px;
    padding: 20px;
    border: 1px solid var(--status-border);
    border-radius: 8px;
    margin-bottom: 12px;
}

.lt-status-service h3,
.lt-status-update h3 {
    font-size: 15px;
    margin: 0 0 6px;
}

.lt-status-service p,
.lt-status-update p {
    font-size: 13px;
    color: var(--status-text);
    margin: 0;
}

.lt-service-ok {
    color: #16834a;
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}

.lt-status-update {
    display: flex;
    gap: 15px;
    padding: 22px;
    background: var(--status-bg);
    border: 1px solid var(--status-border);
    border-radius: 8px;
}

.lt-status-update .lt-update-dot {
    flex-shrink: 0;
    margin-top: 4px;
}

.lt-status-update small {
    display: block;
    margin-top: 10px;
    color: #8992a2;
}

.lt-status-footer {
    text-align: center;
    padding-top: 15px;
    color: var(--status-text);
    font-size: 14px;
}

.lt-status-footer a {
    color: var(--status-primary);
    text-decoration: none;
    font-weight: 600;
}

.lt-status-footer a:hover {
    text-decoration: underline;
}

@media (max-width: 600px) {
    .lt-status {
        padding: 35px 16px;
    }

    .lt-status-hero h1 {
        font-size: 27px;
    }

    .lt-status-service {
        align-items: flex-start;
        flex-direction: column;
    }
}
    
/* =================================
   LTCRM ABOUT PAGE
================================= */

.lt-about {
    --la-primary: #4169e1;
    --la-light: #edf2ff;
    --la-dark: #172033;
    --la-text: #596579;
    --la-border: #e7ebf2;
    --la-section: #f7f9fc;

    color: var(--la-dark);
    font-family: Arial, sans-serif;
}

.lt-about-container {
    max-width: 1150px;
    width: 90%;
    margin: 0 auto;
}

/* HERO */

.lt-about-hero {
    padding: 95px 20px;
    text-align: center;
    background: var(--la-section);
}

.lt-about-label {
    display: inline-block;
    color: var(--la-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 18px;
}

.lt-about-hero h1 {
    max-width: 750px;
    margin: 0 auto 20px;
    font-size: 46px;
    line-height: 1.2;
}

.lt-about-hero h1 span {
    color: var(--la-primary);
}

.lt-about-hero p {
    max-width: 650px;
    margin: 0 auto 30px;
    color: var(--la-text);
    font-size: 16px;
    line-height: 1.8;
}

.lt-about-button {
    display: inline-block;
    padding: 14px 25px;
    background: var(--la-primary);
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
}

.lt-about-button:hover {
    background: #3153c7;
    color: #fff;
}

/* ABOUT CONTENT */

.lt-about-content {
    padding: 80px 0;
}

.lt-about-heading {
    max-width: 700px;
    margin-bottom: 40px;
}

.lt-about-heading h2,
.lt-about-availability h2,
.lt-about-contact-heading h2 {
    font-size: 32px;
    margin: 0 0 15px;
}

.lt-about-heading p,
.lt-about-availability p,
.lt-about-contact-heading p {
    color: var(--la-text);
    line-height: 1.8;
    font-size: 15px;
}

.lt-about-cards {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
}

.lt-about-card {
    padding: 28px;
    border: 1px solid var(--la-border);
    border-radius: 10px;
    transition: 0.3s;
}

.lt-about-card:hover {
    border-color: var(--la-primary);
    transform: translateY(-4px);
}

.lt-about-card h3 {
    font-size: 18px;
    margin: 0 0 12px;
}

.lt-about-card p {
    color: var(--la-text);
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

/* AVAILABILITY */

.lt-about-availability {
    padding: 75px 0;
    background: var(--la-section);
}

.lt-about-availability-inner {
    display: grid;
    grid-template-columns: 1.3fr 0.7fr;
    align-items: center;
    gap: 55px;
}

.lt-about-contact-card {
    padding: 30px;
    background: #fff;
    border: 1px solid var(--la-border);
    border-radius: 10px;
}

.lt-about-contact-card h3 {
    font-size: 20px;
    margin: 0 0 12px;
}

.lt-about-contact-card p {
    font-size: 14px;
    line-height: 1.7;
}

.lt-about-contact-card a,
.lt-about-email a {
    color: var(--la-primary);
    font-weight: 600;
    text-decoration: none;
    word-break: break-word;
}

/* CONTACT */

.lt-about-contact {
    padding: 85px 0;
}

.lt-about-contact-heading {
    max-width: 650px;
    margin-bottom: 40px;
}

.lt-about-contact-layout {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 55px;
}

.lt-about-contact-info {
    padding: 30px;
    background: var(--la-section);
    border-radius: 10px;
}

.lt-about-contact-info h3 {
    font-size: 22px;
    margin: 0 0 15px;
}

.lt-about-contact-info p {
    color: var(--la-text);
    font-size: 14px;
    line-height: 1.8;
}

.lt-about-email {
    margin-top: 30px;
}

.lt-about-email span {
    display: block;
    color: var(--la-text);
    font-size: 13px;
    margin-bottom: 8px;
}

.lt-about-form {
    display: flex;
    flex-direction: column;
}

.lt-about-form label {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 8px;
}

.lt-about-form input,
.lt-about-form textarea {
    width: 100%;
    box-sizing: border-box;
    padding: 13px 15px;
    margin-bottom: 20px;
    border: 1px solid var(--la-border);
    border-radius: 6px;
    outline: none;
    font-family: inherit;
    font-size: 14px;
}

.lt-about-form input:focus,
.lt-about-form textarea:focus {
    border-color: var(--la-primary);
}

.lt-about-form textarea {
    resize: vertical;
}

.lt-about-form button {
    padding: 14px 20px;
    background: var(--la-primary);
    color: #fff;
    border: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}

.lt-about-form button:hover {
    background: #3153c7;
}

.lt-about-form small {
    color: var(--la-text);
    margin-top: 12px;
    line-height: 1.6;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .lt-about-hero {
        padding: 65px 15px;
    }

    .lt-about-hero h1 {
        font-size: 34px;
    }

    .lt-about-cards {
        grid-template-columns: 1fr;
    }

    .lt-about-availability-inner,
    .lt-about-contact-layout {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .lt-about-heading h2,
    .lt-about-availability h2,
    .lt-about-contact-heading h2 {
        font-size: 27px;
    }
}

/* =================================
   LTCRM CONTACT PAGE
================================= */

.lt-contact {
    --lc-primary: #4169e1;
    --lc-light: #edf2ff;
    --lc-dark: #172033;
    --lc-text: #596579;
    --lc-border: #e7ebf2;
    --lc-section: #f7f9fc;

    color: var(--lc-dark);
    font-family: Arial, sans-serif;
}

/* HERO */

.lt-contact-hero {
    background: var(--lc-section);
    text-align: center;
    padding: 85px 20px;
}

.lt-contact-container {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
}

.lt-contact-label {
    color: var(--lc-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.lt-contact-hero h1 {
    font-size: 42px;
    margin: 15px 0;
}

.lt-contact-hero p {
    max-width: 650px;
    margin: 0 auto;
    color: var(--lc-text);
    font-size: 15px;
    line-height: 1.8;
}

/* CONTACT DETAILS */

.lt-contact-details {
    padding: 75px 0;
}

.lt-contact-heading {
    text-align: center;
    max-width: 650px;
    margin: 0 auto 40px;
}

.lt-contact-heading h2 {
    font-size: 30px;
    margin-bottom: 12px;
}

.lt-contact-heading p {
    color: var(--lc-text);
    font-size: 15px;
    line-height: 1.8;
}

.lt-contact-card {
    max-width: 750px;
    margin: 0 auto;
    padding: 15px 35px;
    border: 1px solid var(--lc-border);
    border-radius: 10px;
    background: #fff;
}

.lt-contact-item {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 25px 0;
}

.lt-contact-icon {
    width: 48px;
    height: 48px;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--lc-light);
    color: var(--lc-primary);
    border-radius: 8px;
    font-size: 18px;
    font-weight: 700;
}

.lt-contact-item h3 {
    font-size: 17px;
    margin: 0 0 8px;
}

.lt-contact-item p,
.lt-contact-item a {
    color: var(--lc-text);
    font-size: 14px;
    line-height: 1.7;
    margin: 0;
    text-decoration: none;
}

.lt-contact-item a:hover {
    color: var(--lc-primary);
}

.lt-contact-divider {
    height: 1px;
    background: var(--lc-border);
}

/* BOTTOM CTA */

.lt-contact-bottom {
    text-align: center;
    margin-top: 55px;
}

.lt-contact-bottom h3 {
    font-size: 23px;
    margin-bottom: 10px;
}

.lt-contact-bottom p {
    color: var(--lc-text);
    font-size: 14px;
    line-height: 1.7;
    margin-bottom: 22px;
}

.lt-contact-bottom a {
    display: inline-block;
    padding: 13px 25px;
    background: var(--lc-primary);
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

.lt-contact-bottom a:hover {
    background: #3153c7;
}

/* RESPONSIVE */

@media (max-width: 600px) {
    .lt-contact-hero {
        padding: 60px 15px;
    }

    .lt-contact-hero h1 {
        font-size: 32px;
    }

    .lt-contact-details {
        padding: 50px 0;
    }

    .lt-contact-card {
        padding: 10px 20px;
    }

    .lt-contact-item {
        gap: 14px;
    }
}

/* =================================
   LTCRM CAREERS PAGE
================================= */

.lt-careers {
    --lcar-primary: #4169e1;
    --lcar-light: #edf2ff;
    --lcar-dark: #172033;
    --lcar-text: #596579;
    --lcar-border: #e7ebf2;
    --lcar-section: #f7f9fc;

    color: var(--lcar-dark);
    font-family: Arial, sans-serif;
}

.lt-careers-container {
    max-width: 1100px;
    width: 90%;
    margin: 0 auto;
}

/* HERO */

.lt-careers-hero {
    padding: 90px 20px;
    text-align: center;
    background: var(--lcar-section);
}

.lt-careers-label {
    display: inline-block;
    color: var(--lcar-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
    margin-bottom: 20px;
}

.lt-careers-icon {
    width: 65px;
    height: 65px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto 25px;
    background: var(--lcar-light);
    color: var(--lcar-primary);
    border-radius: 16px;
    font-size: 32px;
}

.lt-careers-hero h1 {
    max-width: 750px;
    margin: 0 auto 20px;
    font-size: 44px;
    line-height: 1.25;
}

.lt-careers-hero h1 span {
    color: var(--lcar-primary);
}

.lt-careers-hero p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: var(--lcar-text);
    font-size: 15px;
    line-height: 1.8;
}

.lt-careers-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 11px 18px;
    margin-bottom: 25px;
    border-radius: 30px;
    background: #e9f8ef;
    color: #16834a;
    font-size: 13px;
    font-weight: 600;
}

.lt-careers-status-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #20ad65;
}

.lt-careers-btn {
    display: inline-block;
    padding: 14px 25px;
    background: var(--lcar-primary);
    color: #fff;
    text-decoration: none;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s;
}

.lt-careers-btn:hover {
    background: #3153c7;
    color: #fff;
}

/* OPPORTUNITY SECTION */

.lt-careers-content {
    padding: 80px 0;
    text-align: center;
}

.lt-careers-content h2 {
    font-size: 32px;
    margin: 0 0 15px;
}

.lt-careers-description {
    max-width: 700px;
    margin: 0 auto;
    color: var(--lcar-text);
    font-size: 15px;
    line-height: 1.8;
}

.lt-careers-features {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 22px;
    margin-top: 45px;
    text-align: left;
}

.lt-career-item {
    padding: 28px;
    border: 1px solid var(--lcar-border);
    border-radius: 10px;
    transition: 0.3s;
}

.lt-career-item:hover {
    border-color: var(--lcar-primary);
    transform: translateY(-4px);
}

.lt-career-item span {
    display: inline-block;
    margin-bottom: 20px;
    color: var(--lcar-primary);
    font-size: 14px;
    font-weight: 700;
}

.lt-career-item h3 {
    font-size: 18px;
    margin: 0 0 12px;
}

.lt-career-item p {
    color: var(--lcar-text);
    font-size: 14px;
    line-height: 1.8;
    margin: 0;
}

/* FINAL CTA */

.lt-careers-cta {
    padding: 65px 20px;
    text-align: center;
    background: var(--lcar-section);
}

.lt-careers-cta h2 {
    font-size: 30px;
    margin: 0 0 12px;
}

.lt-careers-cta p {
    color: var(--lcar-text);
    font-size: 15px;
    margin-bottom: 25px;
    line-height: 1.7;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .lt-careers-hero {
        padding: 65px 15px;
    }

    .lt-careers-hero h1 {
        font-size: 34px;
    }

    .lt-careers-features {
        grid-template-columns: 1fr;
    }

    .lt-careers-content h2,
    .lt-careers-cta h2 {
        font-size: 26px;
    }
}

@media (max-width: 480px) {
    .lt-careers-hero h1 {
        font-size: 29px;
    }

    .lt-careers-status {
        font-size: 12px;
    }
}

/* =================================
   LTCRM PRIVACY POLICY
================================= */

.privacy-page {
    padding: 75px 20px;
    background: #ffffff;
    font-family: Arial, sans-serif;
    color: #172033;
}

.privacy-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 45px 50px;
    background: #ffffff;
    border: 1px solid #e7ebf2;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(23, 32, 51, 0.04);
}

.privacy-container h1 {
    font-size: 36px;
    font-weight: 700;
    margin: 0 0 25px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e7ebf2;
    color: #172033;
    position: relative;
}

.privacy-container h1::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 65px;
    height: 3px;
    background: #4169e1;
}

.privacy-container p {
    color: #596579;
    font-size: 15px;
    line-height: 1.9;
    margin: 0 0 18px;
}

.privacy-container p:last-child {
    margin-bottom: 0;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .privacy-page {
        padding: 45px 16px;
    }

    .privacy-container {
        padding: 30px 25px;
    }

    .privacy-container h1 {
        font-size: 29px;
    }

    .privacy-container p {
        font-size: 14px;
        line-height: 1.8;
    }
}

@media (max-width: 480px) {
    .privacy-container {
        padding: 25px 18px;
    }

    .privacy-container h1 {
        font-size: 26px;
    }
}

/* =================================
   LTCRM TERMS OF SERVICE
================================= */

.terms-page {
    padding: 75px 20px;
    background: #f7f9fc;
    font-family: Arial, sans-serif;
    color: #172033;
}

.terms-container {
    max-width: 1000px;
    margin: 0 auto;
    padding: 50px 55px;
    background: #ffffff;
    border: 1px solid #e7ebf2;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(23, 32, 51, 0.04);
}

/* HEADER */

.terms-header {
    padding-bottom: 30px;
    border-bottom: 1px solid #e7ebf2;
}

.terms-label {
    display: inline-block;
    margin-bottom: 15px;
    color: #4169e1;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.terms-header h1 {
    margin: 0 0 12px;
    color: #172033;
    font-size: 38px;
    font-weight: 700;
}

.terms-header p {
    color: #8992a2;
    font-size: 13px;
    margin-bottom: 15px;
}

.terms-line {
    width: 65px;
    height: 3px;
    margin: 22px 0;
    background: #4169e1;
    border-radius: 5px;
}

.terms-header .terms-intro {
    max-width: 800px;
    margin: 0;
    color: #596579;
    font-size: 15px;
    line-height: 1.8;
}

/* TERMS CONTENT */

.terms-content {
    padding-top: 20px;
}

.terms-content section {
    padding: 24px 0;
    border-bottom: 1px solid #e7ebf2;
}

.terms-content section:last-child {
    border-bottom: none;
}

.terms-content h2 {
    margin: 0 0 14px;
    color: #172033;
    font-size: 19px;
    font-weight: 700;
    line-height: 1.5;
}

.terms-content p {
    margin: 0 0 12px;
    color: #596579;
    font-size: 14px;
    line-height: 1.9;
}

.terms-content p:last-child {
    margin-bottom: 0;
}

/* FOOTER CTA */

.terms-footer {
    margin-top: 25px;
    padding: 35px;
    text-align: center;
    background: #edf2ff;
    border-radius: 10px;
}

.terms-footer h3 {
    margin: 0 0 12px;
    color: #172033;
    font-size: 22px;
}

.terms-footer p {
    margin: 0 0 22px;
    color: #596579;
    font-size: 14px;
    line-height: 1.7;
}

.terms-footer a {
    display: inline-block;
    padding: 13px 25px;
    background: #4169e1;
    color: #ffffff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.terms-footer a:hover {
    background: #3153c7;
    color: #ffffff;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .terms-page {
        padding: 45px 15px;
    }

    .terms-container {
        padding: 30px 25px;
    }

    .terms-header h1 {
        font-size: 30px;
    }

    .terms-content h2 {
        font-size: 17px;
    }

    .terms-content p {
        font-size: 14px;
    }

    .terms-footer {
        padding: 28px 18px;
    }
}

@media (max-width: 480px) {
    .terms-container {
        padding: 25px 18px;
    }

    .terms-header h1 {
        font-size: 26px;
    }

    .terms-footer h3 {
        font-size: 19px;
    }
}

/* =================================
   LTCRM SECURITY PAGE
================================= */

.security-page {
    padding: 75px 20px;
    background: #f7f9fc;
    font-family: Arial, sans-serif;
    color: #172033;
}

.security-container {
    max-width: 900px;
    margin: 0 auto;
    padding: 45px 50px;
    background: #ffffff;
    border: 1px solid #e7ebf2;
    border-radius: 12px;
    box-shadow: 0 8px 30px rgba(23, 32, 51, 0.04);
}

.security-container h1 {
    position: relative;
    margin: 0 0 25px;
    padding-bottom: 20px;
    border-bottom: 2px solid #e7ebf2;
    color: #172033;
    font-size: 36px;
    font-weight: 700;
}

.security-container h1::after {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 65px;
    height: 3px;
    background: #4169e1;
}

.security-container h2 {
    margin: 30px 0 12px;
    color: #172033;
    font-size: 20px;
    font-weight: 700;
}

.security-container p {
    margin: 0 0 18px;
    color: #596579;
    font-size: 15px;
    line-height: 1.9;
}

.security-container a {
    display: inline-block;
    margin-top: 12px;
    padding: 13px 25px;
    background: #4169e1;
    color: #ffffff;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: 0.3s;
}

.security-container a:hover {
    background: #3153c7;
    color: #ffffff;
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .security-page {
        padding: 45px 16px;
    }

    .security-container {
        padding: 30px 25px;
    }

    .security-container h1 {
        font-size: 30px;
    }

    .security-container h2 {
        font-size: 18px;
    }

    .security-container p {
        font-size: 14px;
    }
}

@media (max-width: 480px) {
    .security-container {
        padding: 25px 18px;
    }

    .security-container h1 {
        font-size: 26px;
    }
}
/* ==============================
   COOKIE POLICY PAGE
============================== */

.cookies-page {
    min-height: 75vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 20px;
    background: #f7f9fc;
    font-family: inherit;
}

.cookies-container {
    width: 100%;
    max-width: 680px;
    padding: 55px 45px;
    text-align: center;
    background: #ffffff;
    border: 1px solid #e7ebf2;
    border-radius: 18px;
    box-shadow: 0 12px 40px rgba(23, 32, 51, 0.06);
}

.cookies-icon {
    width: 75px;
    height: 75px;
    margin: 0 auto 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #edf2ff;
    border-radius: 50%;
}

.cookies-icon span {
    font-size: 35px;
}

.cookies-label {
    display: inline-block;
    margin-bottom: 16px;
    color: #4169e1;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.cookies-container h1 {
    margin: 0 0 18px;
    color: #172033;
    font-size: 36px;
    font-weight: 700;
    line-height: 1.3;
}

.cookies-description {
    max-width: 510px;
    margin: 0 auto 25px;
    color: #596579;
    font-size: 16px;
    line-height: 1.8;
}

.cookies-status {
    display: inline-flex;
    align-items: center;
    gap: 9px;
    padding: 10px 18px;
    background: #edf2ff;
    border-radius: 30px;
    color: #4169e1;
    font-size: 13px;
    font-weight: 600;
}

.cookies-dot {
    width: 8px;
    height: 8px;
    background: #4169e1;
    border-radius: 50%;
}

.cookies-divider {
    width: 60px;
    height: 3px;
    margin: 30px auto;
    background: #4169e1;
    border-radius: 5px;
}

.cookies-note {
    max-width: 500px;
    margin: 0 auto 28px;
    color: #596579;
    font-size: 14px;
    line-height: 1.8;
}

.cookies-button {
    display: inline-block;
    padding: 13px 30px;
    background: #4169e1;
    color: #ffffff;
    border: 1px solid #4169e1;
    border-radius: 7px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: all 0.3s ease;
}

.cookies-button:hover {
    background: #3155c5;
    border-color: #3155c5;
    color: #ffffff;
    transform: translateY(-2px);
}

/* Responsive */

@media (max-width: 768px) {
    .cookies-page {
        padding: 55px 16px;
    }

    .cookies-container {
        padding: 40px 25px;
    }

    .cookies-container h1 {
        font-size: 29px;
    }

    .cookies-description {
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .cookies-container {
        padding: 35px 20px;
    }

    .cookies-container h1 {
        font-size: 25px;
    }

    .cookies-note {
        font-size: 13px;
    }
}

/* =================================
   LTCRM PRICING PAGE
================================= */

.pricing-page {
    --pricing-primary: #4169e1;
    --pricing-primary-dark: #3155c5;
    --pricing-light: #edf2ff;
    --pricing-dark: #172033;
    --pricing-text: #596579;
    --pricing-border: #e7ebf2;
    --pricing-section: #f7f9fc;

    color: var(--pricing-dark);
    font-family: inherit;
}

/* COMMON WRAPPER */

.pricing-wrap {
    width: 100%;
    max-width: 1160px;
    margin: 0 auto;
    padding: 0 24px;
}

.pricing-label {
    display: inline-block;
    margin-bottom: 16px;
    color: var(--pricing-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

/* =================================
   PRICING HERO
================================= */

.pricing-hero {
    padding: 90px 20px 75px;
    text-align: center;
    background: linear-gradient(135deg, #f7f9ff, #edf2ff);
}

.pricing-hero h1 {
    max-width: 850px;
    margin: 0 auto 20px;
    color: var(--pricing-dark);
    font-size: clamp(36px, 5vw, 54px);
    font-weight: 750;
    line-height: 1.2;
}

.pricing-hero h1 span {
    display: block;
    color: var(--pricing-primary);
}

.pricing-hero > .pricing-wrap > p {
    max-width: 680px;
    margin: 0 auto;
    color: var(--pricing-text);
    font-size: 16px;
    line-height: 1.8;
}

/* BILLING TOGGLE */

.billing-area {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    gap: 14px;
    margin-top: 32px;
}

.billing-option {
    color: #8992a2;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.billing-option.active {
    color: var(--pricing-dark);
}

.billing-switch {
    position: relative;
    width: 54px;
    height: 29px;
    padding: 0;
    background: #cbd2df;
    border: none;
    border-radius: 30px;
    cursor: pointer;
    transition: 0.3s ease;
}

.billing-switch.yearly {
    background: var(--pricing-primary);
}

.switch-circle {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 21px;
    height: 21px;
    background: #fff;
    border-radius: 50%;
    transition: 0.3s ease;
}

.billing-switch.yearly .switch-circle {
    left: 29px;
}

.save-label {
    padding: 7px 13px;
    color: #267b5b;
    background: #e2f6ed;
    border-radius: 30px;
    font-size: 11px;
    font-weight: 700;
}

/* =================================
   PRICING PLANS
================================= */

.pricing-plans-section {
    padding: 70px 0 90px;
    background: #fff;
}

.plans-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px;
    align-items: stretch;
}

.plan-card {
    position: relative;
    display: flex;
    flex-direction: column;
    padding: 34px 28px;
    background: #fff;
    border: 1px solid var(--pricing-border);
    border-radius: 13px;
    transition: 0.3s ease;
}

.plan-card:hover {
    transform: translateY(-5px);
    border-color: var(--pricing-primary);
    box-shadow: 0 15px 35px rgba(23, 32, 51, 0.08);
}

.plan-card.popular {
    border: 2px solid var(--pricing-primary);
    box-shadow: 0 12px 35px rgba(65, 105, 225, 0.10);
}

.popular-label {
    position: absolute;
    top: -14px;
    left: 50%;
    transform: translateX(-50%);
    padding: 7px 18px;
    color: #fff;
    background: var(--pricing-primary);
    border-radius: 30px;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: 1px;
    white-space: nowrap;
}

.plan-name {
    margin: 0 0 12px;
    color: var(--pricing-dark);
    font-size: 22px;
    font-weight: 700;
}

.plan-description {
    min-height: 70px;
    margin: 0 0 22px;
    color: var(--pricing-text);
    font-size: 13px;
    line-height: 1.8;
}

/* PRICE */

.plan-price {
    display: flex;
    align-items: baseline;
    gap: 3px;
    margin-bottom: 5px;
    color: var(--pricing-dark);
}

.currency {
    font-size: 22px;
    font-weight: 600;
}

.amount {
    font-size: 43px;
    font-weight: 750;
    line-height: 1;
}

.period {
    color: var(--pricing-text);
    font-size: 13px;
}

.yearly-note {
    min-height: 22px;
    margin-bottom: 22px;
    color: #8992a2;
    font-size: 12px;
}

/* PLAN BUTTON */

.plan-button {
    display: block;
    width: 100%;
    padding: 13px 15px;
    text-align: center;
    color: var(--pricing-primary);
    background: #fff;
    border: 1px solid var(--pricing-primary);
    border-radius: 7px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 600;
    transition: 0.3s ease;
}

.plan-button:hover {
    color: #fff;
    background: var(--pricing-primary);
    border-color: var(--pricing-primary);
}

.plan-card.popular .plan-button {
    color: #fff;
    background: var(--pricing-primary);
}

.plan-card.popular .plan-button:hover {
    background: var(--pricing-primary-dark);
    border-color: var(--pricing-primary-dark);
}

/* PLAN DIVIDER */

.plan-divider {
    width: 100%;
    height: 1px;
    margin: 27px 0 22px;
    background: var(--pricing-border);
}

.included-title {
    margin-bottom: 18px;
    color: var(--pricing-dark);
    font-size: 13px;
    font-weight: 700;
}

/* PLAN FEATURES */

.plan-features {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.plan-features li {
    display: flex;
    align-items: flex-start;
    gap: 10px;
    color: var(--pricing-text);
    font-size: 13px;
    line-height: 1.6;
}

.feature-check {
    flex-shrink: 0;
    color: var(--pricing-primary);
    font-size: 15px;
    font-weight: 700;
}

/* =================================
   FEATURE COMPARISON
================================= */

.comparison-section {
    padding: 90px 0;
    background: var(--pricing-section);
}

.section-heading {
    max-width: 700px;
    margin: 0 auto 45px;
    text-align: center;
}

.section-heading h2 {
    margin: 0 0 14px;
    color: var(--pricing-dark);
    font-size: clamp(28px, 4vw, 38px);
    font-weight: 700;
}

.section-heading p {
    margin: 0;
    color: var(--pricing-text);
    font-size: 15px;
    line-height: 1.8;
}

/* COMPARISON TABLE */

.comparison-table-wrap {
    width: 100%;
    overflow-x: auto;
    background: #fff;
    border: 1px solid var(--pricing-border);
    border-radius: 12px;
}

.comparison-table {
    width: 100%;
    min-width: 650px;
    border-collapse: collapse;
    text-align: center;
}

.comparison-table th,
.comparison-table td {
    padding: 19px 22px;
    border-bottom: 1px solid var(--pricing-border);
    font-size: 13px;
}

.comparison-table th {
    color: var(--pricing-dark);
    background: #f4f6fb;
    font-size: 13px;
    font-weight: 700;
}

.comparison-table th:first-child,
.comparison-table td:first-child {
    width: 38%;
    text-align: left;
}

.comparison-table td {
    color: var(--pricing-text);
}

.comparison-table tbody tr:last-child td {
    border-bottom: none;
}

.comparison-table tbody tr:hover {
    background: #fafbff;
}

.table-check {
    color: var(--pricing-primary);
    font-size: 18px;
    font-weight: 700;
}

.table-no {
    color: #aeb5c1;
    font-size: 18px;
}

/* =================================
   FAQ SECTION
================================= */

.faq-section {
    padding: 90px 0;
    background: #fff;
}

.faq-list {
    max-width: 850px;
    margin: 0 auto;
}

.faq-item {
    padding: 24px 28px;
    margin-bottom: 14px;
    background: #fff;
    border: 1px solid var(--pricing-border);
    border-radius: 9px;
    transition: 0.3s ease;
}

.faq-item:hover {
    border-color: #c9d5f8;
}

.faq-item h3 {
    margin: 0 0 10px;
    color: var(--pricing-dark);
    font-size: 16px;
    font-weight: 700;
}

.faq-item p {
    margin: 0;
    color: var(--pricing-text);
    font-size: 14px;
    line-height: 1.8;
}

.faq-item a {
    color: var(--pricing-primary);
    text-decoration: none;
    font-weight: 600;
}

.faq-item a:hover {
    text-decoration: underline;
}

/* =================================
   RESPONSIVE DESIGN
================================= */

@media (max-width: 1000px) {
    .plans-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 28px;
    }

    .plan-card.popular {
        margin-top: 8px;
    }
}

@media (max-width: 700px) {
    .pricing-hero {
        padding: 70px 15px 60px;
    }

    .pricing-hero h1 {
        font-size: 36px;
    }

    .pricing-hero > .pricing-wrap > p {
        font-size: 14px;
    }

    .pricing-plans-section,
    .comparison-section,
    .faq-section {
        padding: 65px 0;
    }

    .plans-grid {
        grid-template-columns: 1fr;
        max-width: 440px;
        margin: 0 auto;
        gap: 30px;
    }

    .plan-description {
        min-height: auto;
    }

    .section-heading {
        margin-bottom: 32px;
    }

    .comparison-table th,
    .comparison-table td {
        padding: 15px;
    }
}

@media (max-width: 480px) {
    .pricing-wrap {
        padding: 0 17px;
    }

    .pricing-hero h1 {
        font-size: 30px;
    }

    .billing-area {
        gap: 10px;
    }

    .billing-option {
        font-size: 12px;
    }

    .save-label {
        font-size: 10px;
    }

    .plan-card {
        padding: 30px 22px;
    }

    .amount {
        font-size: 38px;
    }

    .faq-item {
        padding: 20px;
    }

    .faq-item h3 {
        font-size: 15px;
    }

    .faq-item p {
        font-size: 13px;
    }
}

/* =================================
   LTCRM REQUEST DEMO PAGE
================================= */

.lt-demo-page {
    --demo-primary: #4169e1;
    --demo-light: #edf2ff;
    --demo-dark: #172033;
    --demo-text: #596579;
    --demo-border: #e7ebf2;

    color: var(--demo-dark);
    font-family: inherit;
}

.lt-demo-section {
    padding: 85px 20px;
    background: #f7f9fc;
}

.lt-demo-container {
    display: grid;
    grid-template-columns: 1fr 0.9fr;
    align-items: center;
    gap: 75px;
    max-width: 1120px;
    margin: 0 auto;
}

/* LEFT CONTENT */

.lt-demo-label {
    display: inline-block;
    margin-bottom: 18px;
    color: var(--demo-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 2px;
}

.lt-demo-content h1 {
    max-width: 530px;
    margin: 0 0 22px;
    color: var(--demo-dark);
    font-size: clamp(36px, 4vw, 48px);
    font-weight: 750;
    line-height: 1.2;
}

.lt-demo-content h1 span {
    color: var(--demo-primary);
}

.lt-demo-description {
    max-width: 510px;
    margin: 0 0 32px;
    color: var(--demo-text);
    font-size: 15px;
    line-height: 1.9;
}

/* BENEFITS */

.lt-demo-benefits {
    display: flex;
    flex-direction: column;
    gap: 23px;
}

.lt-demo-benefit {
    display: flex;
    align-items: flex-start;
    gap: 15px;
}

.lt-demo-benefit > span {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 30px;
    height: 30px;
    color: var(--demo-primary);
    background: var(--demo-light);
    border-radius: 50%;
    font-size: 15px;
    font-weight: 700;
}

.lt-demo-benefit h3 {
    margin: 0 0 5px;
    color: var(--demo-dark);
    font-size: 15px;
    font-weight: 700;
}

.lt-demo-benefit p {
    margin: 0;
    color: var(--demo-text);
    font-size: 13px;
    line-height: 1.6;
}

/* CONTACT */

.lt-demo-contact {
    display: flex;
    flex-direction: column;
    gap: 7px;
    margin-top: 38px;
    padding-top: 25px;
    border-top: 1px solid var(--demo-border);
}

.lt-demo-contact span {
    color: var(--demo-text);
    font-size: 13px;
}

.lt-demo-contact a {
    width: fit-content;
    color: var(--demo-primary);
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
}

/* FORM CARD */

.lt-demo-form-card {
    padding: 38px;
    background: #fff;
    border: 1px solid var(--demo-border);
    border-radius: 14px;
    box-shadow: 0 15px 45px rgba(23, 32, 51, 0.06);
}

.lt-demo-form-heading {
    margin-bottom: 28px;
}

.lt-demo-form-label {
    display: inline-block;
    margin-bottom: 12px;
    color: var(--demo-primary);
    font-size: 22px;
    font-weight: 900;
    letter-spacing: 1.7px;
}

.lt-demo-form-heading h2 {
    margin: 0 0 10px;
    color: var(--demo-dark);
    font-size: 27px;
    font-weight: 700;
}

.lt-demo-form-heading p {
    margin: 0;
    color: var(--demo-text);
    font-size: 13px;
    line-height: 1.7;
}

/* FORM FIELDS */

.lt-demo-form {
    display: flex;
    flex-direction: column;
    gap: 19px;
}

.lt-demo-form-row {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.lt-demo-field {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.lt-demo-field label {
    color: var(--demo-dark);
    font-size: 13px;
    font-weight: 600;
}

.lt-demo-field input {
    width: 100%;
    height: 46px;
    padding: 0 13px;
    color: var(--demo-dark);
    background: #fff;
    border: 1px solid var(--demo-border);
    border-radius: 6px;
    outline: none;
    font-family: inherit;
    font-size: 13px;
    transition: 0.25s ease;
}

.lt-demo-field input::placeholder {
    color: #a0a8b6;
}

.lt-demo-field input:focus {
    border-color: var(--demo-primary);
    box-shadow: 0 0 0 3px rgba(65, 105, 225, 0.10);
}

/* SUBMIT BUTTON */

.lt-demo-submit {
    width: 100%;
    min-height: 48px;
    margin-top: 3px;
    padding: 13px 20px;
    color: #fff;
    background: var(--demo-primary);
    border: 1px solid var(--demo-primary);
    border-radius: 7px;
    font-family: inherit;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s ease;
}

.lt-demo-submit:hover:not(:disabled) {
    background: #3155c5;
    border-color: #3155c5;
    transform: translateY(-2px);
}

.lt-demo-submit:disabled {
    opacity: 0.65;
    cursor: not-allowed;
}

.lt-demo-note {
    display: block;
    color: #8992a2;
    text-align: center;
    font-size: 11px;
    line-height: 1.7;
}

/* FORM MESSAGE */

.lt-demo-message {
    color: #dc3545;
    font-size: 13px;
    line-height: 1.6;
}

/* SUCCESS */

.lt-demo-success {
    padding: 45px 35px;
    background: #fff;
    border: 1px solid var(--demo-border);
    border-radius: 14px;
    text-align: center;
    box-shadow: 0 15px 45px rgba(23, 32, 51, 0.06);
}

.lt-demo-success-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    margin: 0 auto 20px;
    color: #198754;
    background: #e4f6ed;
    border-radius: 50%;
    font-size: 28px;
    font-weight: 700;
}

.lt-demo-success h2 {
    margin: 0 0 12px;
    color: var(--demo-dark);
    font-size: 25px;
}

.lt-demo-success p {
    margin: 0 0 22px;
    color: var(--demo-text);
    font-size: 14px;
    line-height: 1.8;
}

.lt-demo-success a {
    display: inline-block;
    padding: 12px 22px;
    color: #fff;
    background: var(--demo-primary);
    border-radius: 6px;
    text-decoration: none;
    font-size: 13px;
    font-weight: 600;
}

/* RESPONSIVE */

@media (max-width: 900px) {
    .lt-demo-container {
        grid-template-columns: 1fr;
        gap: 45px;
        max-width: 650px;
    }

    .lt-demo-content h1 {
        max-width: 600px;
    }

    .lt-demo-form-card {
        padding: 32px;
    }
}

@media (max-width: 550px) {
    .lt-demo-section {
        padding: 55px 15px;
    }

    .lt-demo-content h1 {
        font-size: 34px;
    }

    .lt-demo-description {
        font-size: 14px;
    }

    .lt-demo-form-card {
        padding: 25px 19px;
    }

    .lt-demo-form-row {
        grid-template-columns: 1fr;
    }

    .lt-demo-form-heading h2 {
        font-size: 24px;
    }
}

/* =================================
   LTCRM FAQ PAGE
================================= */

.faq-page {
    --faq-primary: #4169e1;
    --faq-primary-light: #edf2ff;
    --faq-dark: #172033;
    --faq-text: #596579;
    --faq-border: #e7ebf2;
    --faq-section: #f7f9fc;

    width: 100%;
    padding: 75px 20px;
    background: #ffffff;
    color: var(--faq-dark);
    font-family: Arial, sans-serif;
}

.faq-container {
    max-width: 950px;
    margin: 0 auto;
}

/* HEADER */

.faq-header {
    max-width: 720px;
    margin: 0 auto 55px;
    text-align: center;
}

.faq-label {
    display: inline-block;
    padding: 8px 16px;
    margin-bottom: 18px;
    border-radius: 30px;
    background: var(--faq-primary-light);
    color: var(--faq-primary);
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 1.5px;
}

.faq-header h1 {
    margin: 0 0 18px;
    color: var(--faq-dark);
    font-size: 42px;
    font-weight: 700;
    line-height: 1.2;
}

.faq-header p {
    margin: 0;
    color: var(--faq-text);
    font-size: 16px;
    line-height: 1.8;
}

/* FAQ CONTENT */

.faq-content {
    width: 100%;
}

.faq-content h2 {
    margin: 42px 0 18px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--faq-border);
    color: var(--faq-dark);
    font-size: 21px;
    font-weight: 700;
}

.faq-content h2:first-child {
    margin-top: 0;
}

/* FAQ ITEM */

.faq-item {
    margin-bottom: 13px;
    overflow: hidden;
    border: 1px solid var(--faq-border);
    border-radius: 10px;
    background: #ffffff;
    transition: border-color 0.25s ease,
                box-shadow 0.25s ease;
}

.faq-item:hover {
    border-color: #c9d6fa;
}

.faq-item[open] {
    border-color: var(--faq-primary);
    box-shadow: 0 5px 18px rgba(65, 105, 225, 0.07);
}

.faq-item summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 55px 20px 22px;
    color: var(--faq-dark);
    font-size: 15px;
    font-weight: 600;
    line-height: 1.5;
    cursor: pointer;
    list-style: none;
}

.faq-item summary::-webkit-details-marker {
    display: none;
}

.faq-item summary::after {
    content: "+";
    position: absolute;
    top: 50%;
    right: 22px;
    transform: translateY(-50%);
    color: var(--faq-primary);
    font-size: 25px;
    font-weight: 400;
}

.faq-item[open] summary::after {
    content: "−";
}

.faq-item p {
    margin: 0;
    padding: 0 22px 21px;
    color: var(--faq-text);
    font-size: 14px;
    line-height: 1.8;
}

.faq-item p a {
    color: var(--faq-primary);
    text-decoration: none;
    font-weight: 600;
}

.faq-item p a:hover {
    text-decoration: underline;
}

/* CONTACT SECTION */

.faq-contact {
    margin-top: 65px;
    padding: 45px 25px;
    border: 1px solid var(--faq-border);
    border-radius: 14px;
    background: var(--faq-section);
    text-align: center;
}

.faq-contact h2 {
    margin: 0 0 12px;
    color: var(--faq-dark);
    font-size: 26px;
    font-weight: 700;
}

.faq-contact p {
    margin: 0 0 25px;
    color: var(--faq-text);
    font-size: 15px;
    line-height: 1.7;
}

.faq-contact a {
    display: inline-block;
    padding: 13px 27px;
    border: 1px solid var(--faq-primary);
    border-radius: 7px;
    background: var(--faq-primary);
    color: #ffffff;
    font-size: 14px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.25s ease;
}

.faq-contact a:hover {
    background: #ffffff;
    color: var(--faq-primary);
}

/* RESPONSIVE */

@media (max-width: 768px) {
    .faq-page {
        padding: 55px 18px;
    }

    .faq-header {
        margin-bottom: 40px;
    }

    .faq-header h1 {
        font-size: 34px;
    }

    .faq-content h2 {
        font-size: 19px;
        margin-top: 32px;
    }

    .faq-contact {
        margin-top: 45px;
        padding: 35px 20px;
    }
}

@media (max-width: 480px) {
    .faq-page {
        padding: 40px 15px;
    }

    .faq-header h1 {
        font-size: 28px;
    }

    .faq-header p {
        font-size: 14px;
    }

    .faq-item summary {
        padding: 17px 45px 17px 16px;
        font-size: 14px;
    }

    .faq-item summary::after {
        right: 16px;
    }

    .faq-item p {
        padding: 0 16px 18px;
        font-size: 13px;
    }

    .faq-contact h2 {
        font-size: 22px;
    }
}