@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:wght@400;600;700;800;900&display=swap');

body.home {
    margin: 0;
    background: #f8fafc;
    color: #0b132b;
    font-family: 'Nunito Sans', system-ui, sans-serif;
}

body.home .site-header,
body.home .site-footer,
body.home .page-header,
body.home .entry-header,
body.home .site-content > .grid-container,
body.home #right-sidebar,
body.home #left-sidebar {
    display: none !important;
}

body.home .site-content,
body.home .content-area,
body.home .site-main,
body.home article,
body.home .inside-article,
body.home .entry-content {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ft-home * { box-sizing: border-box; }
.ft-home a { text-decoration: none; }

.ft-topbar {
    min-height: 170px;
    padding: 38px clamp(32px, 5.4vw, 104px);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    background: #f8fafc;
    border-bottom: 1px solid #d7dee8;
}

.ft-brand { display: flex; align-items: center; gap: 9px; color: #06634a; }
.ft-logo-calc {
    width: 54px; height: 66px; padding: 6px;
    display: grid; grid-template-columns: repeat(3, 1fr); gap: 4px;
    background: #06634a; border-radius: 6px;
}
.ft-logo-calc .ft-display {
    grid-column: 1 / -1; height: 17px; padding-right: 4px;
    color: #23b886; background: #064a3b; border-radius: 2px;
    font-size: 7px; line-height: 17px; text-align: right;
}
.ft-logo-calc i { display: block; background: #34b886; border-radius: 1px; }
.ft-logo-calc i:nth-last-child(-n+3) { background: #b9e8c5; }
.ft-wordmark { font-size: 43px; line-height: .92; letter-spacing: -2px; white-space: nowrap; }
.ft-wordmark b { color: #111; font-weight: 900; }
.ft-wordmark small { display: block; margin-top: 12px; color: #249a75; font-size: 7px; letter-spacing: 3px; }

.ft-actions { display: flex; align-items: center; gap: 30px; }
.ft-all {
    min-width: 262px; padding: 20px 28px; border-radius: 999px;
    color: #fff; background: linear-gradient(110deg, #ff6337, #ed3343);
    box-shadow: 0 16px 24px rgba(35, 39, 52, .18);
    font-weight: 900; font-size: 20px; text-align: center;
}
.ft-all span { margin-right: 10px; font-size: 26px; vertical-align: -2px; }
.ft-menu { border: 0; background: transparent; color: #111827; font-size: 32px; cursor: pointer; }

.ft-tools-section {
    min-height: 906px;
    padding: 88px clamp(32px, 2.5vw, 49px);
    background: #edf2f8;
}
.ft-section-heading h1, .ft-articles-section h2 {
    margin: 0; color: #091126; font-size: clamp(38px, 3vw, 48px); font-weight: 900; letter-spacing: -1.7px;
}
.ft-section-heading h1 span { color: #1c6dff; margin-right: 12px; font-size: .85em; }
.ft-section-heading p, .ft-articles-section p {
    margin: 16px 0 0; color: #687995; font-size: clamp(19px, 1.5vw, 25px); line-height: 1.45;
}
.ft-tool-grid {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px;
    align-items: stretch;
    margin-top: 58px;
}
.ft-tool-card {
    min-height: 276px; height: 100%; padding: 35px 33px 32px;
    display: flex; flex-direction: column; justify-content: space-between;
    background: #fff; border: 1px solid #d5dee9; border-radius: 17px;
}
.ft-tool-card h2 { margin: 0; color: #0b132b; font-size: 27px; font-weight: 900; letter-spacing: -1px; }
.ft-tool-card p { margin: 13px 0 20px; color: #687995; font-size: 21px; font-weight: 600; line-height: 1.5; }
.ft-tool-card > a {
    min-height: 50px; margin-top: auto; padding: 13px 22px;
    display: flex; align-items: center; justify-content: center; gap: 28px;
    border-radius: 999px; color: #fff; background: #2563eb;
    font-size: 18px; font-weight: 900;
    box-shadow: 0 9px 18px rgba(15, 23, 42, .14);
    transition: transform .18s ease, box-shadow .18s ease, filter .18s ease;
}
.ft-tool-card > a span { font-size: 25px; line-height: 18px; }
.ft-tool-card > a:hover,
.ft-tool-card > a:focus-visible {
    color: #fff; transform: translateY(-2px); filter: brightness(1.04);
    box-shadow: 0 12px 22px rgba(15, 23, 42, .20);
}
.ft-tool-card:nth-child(1) > a { background: linear-gradient(110deg, #2563eb, #3b82f6); }
.ft-tool-card:nth-child(2) > a { background: linear-gradient(110deg, #0891b2, #06b6d4); }
.ft-tool-card:nth-child(3) > a { background: linear-gradient(110deg, #ea580c, #f97316); }
.ft-tool-card:nth-child(4) > a { background: linear-gradient(110deg, #059669, #10b981); }
.ft-tool-card:nth-child(5) > a { background: linear-gradient(110deg, #7c3aed, #8b5cf6); }
.ft-tool-card:nth-child(6) > a { background: linear-gradient(110deg, #e11d48, #f43f5e); }

.ft-articles-section {
    min-height: 280px; padding: 130px clamp(32px, 2.5vw, 49px) 48px;
    display: flex; align-items: flex-end; justify-content: space-between; gap: 30px;
    background: #f8fafc;
}
.ft-articles-section > a {
    min-width: 235px; padding: 12px 22px; display: flex; justify-content: space-between;
    border: 2px solid #d6e0ef; border-radius: 18px; color: #0b132b; font-weight: 900;
}

@media (max-width: 900px) {
    .ft-topbar { min-height: 120px; padding: 28px 24px; }
    .ft-wordmark { font-size: 34px; }
    .ft-logo-calc { width: 45px; height: 56px; }
    .ft-all { min-width: auto; padding: 15px 20px; font-size: 16px; }
    .ft-tool-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
}

@media (max-width: 620px) {
    .ft-topbar { align-items: center; }
    .ft-wordmark small { display: none; }
    .ft-all { display: none; }
    .ft-tools-section { padding: 55px 20px; }
    .ft-tool-grid { grid-template-columns: 1fr; margin-top: 36px; }
    .ft-tool-card { min-height: 235px; }
    .ft-articles-section { padding: 70px 20px 40px; align-items: flex-start; flex-direction: column; }
}