/*
Theme Name: Twenty Twenty Child
Theme URI: https://example.com/
Description: Child theme for Twenty Twenty.
Author: Your Name
Author URI: https://example.com/
Template: twentytwenty
Version: 1.0.0
Text Domain: twentytwenty-child
*/

/* Add your custom CSS below */

*{margin:0;padding:0;box-sizing:border-box}
body{background:#fff;color:#1a1a2e;-webkit-font-smoothing:antialiased}
::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#d4d4d8;border-radius:2px}

.fade-up{opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
.fade-up.visible{opacity:1;transform:translateY(0)}
.fd1{transition-delay:.05s}.fd2{transition-delay:.1s}.fd3{transition-delay:.15s}.fd4{transition-delay:.2s}.fd5{transition-delay:.25s}.fd6{transition-delay:.3s}

.tag-built{font-size:10px;font-weight:600;letter-spacing:.04em;color:#047857;background:#ecfdf5;border:1px solid #a7f3d0;padding:2px 8px;border-radius:4px;text-transform:uppercase}
.tag-draft{font-size:10px;font-weight:600;letter-spacing:.04em;color:#a16207;background:#fefce8;border:1px solid #fde68a;padding:2px 8px;border-radius:4px;text-transform:uppercase}
.tag-structure{font-size:10px;font-weight:600;letter-spacing:.04em;color:#64748b;background:#f8fafc;border:1px solid #e2e8f0;padding:2px 8px;border-radius:4px;text-transform:uppercase}
.tag-fotm{font-size:10px;font-weight:600;letter-spacing:.04em;color:#0c8bc0;background:#f5f3ff;border:1px solid #ddd6fe;padding:2px 8px;border-radius:4px;text-transform:uppercase}

.card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;transition:border-color .2s}
.card:hover{border-color:#c4b5fd}
.card-dim{background:#fafafa;border:1px solid #f1f5f9;border-radius:8px;opacity:.45}

.btn-p{display:inline-flex;align-items:center;gap:5px;background:#1a1a2e;color:#fff;font-size:12px;font-weight:600;padding:9px 18px;border-radius:6px;border:none;cursor:pointer;transition:all .15s}
.btn-p:hover{background:#0f0f1e}
.btn-s{display:inline-flex;align-items:center;gap:5px;background:#fff;color:#1a1a2e;font-size:12px;font-weight:600;padding:9px 18px;border-radius:6px;border:1px solid #d4d4d8;cursor:pointer;transition:all .15s}
.btn-s:hover{background:#f4f4f5}
.btn-v{display:inline-flex;align-items:center;gap:5px;background:#0c8bc0;color:#fff;font-size:12px;font-weight:600;padding:9px 18px;border-radius:6px;border:none;cursor:pointer;transition:all .15s}
.btn-v:hover{background:#5b21b6}

.section-lbl{font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:#0c8bc0}
.stat-n{font-weight:700;letter-spacing:-.02em}
.divider{height:1px;background:#e5e7eb}
.quote-bl{border-left:2px solid #0c8bc0;padding-left:16px;margin:16px 0}

.diag-opt{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #e5e7eb;border-radius:6px;cursor:pointer;transition:all .15s;background:#fff}
.diag-opt:hover{border-color:#c4b5fd;background:#fafaff}
.diag-opt.sel{border-color:#0c8bc0;background:#f5f3ff}
.diag-opt input{display:none}
.diag-r{width:16px;height:16px;border:2px solid #d4d4d8;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:all .15s}
.diag-opt.sel .diag-r{border-color:#0c8bc0}
.diag-opt.sel .diag-r::after{content:'';width:7px;height:7px;background:#0c8bc0;border-radius:50%}

.tl-line{position:absolute;left:15px;top:0;bottom:0;width:1px;background:#e5e7eb}
.tl-dot{position:absolute;left:10px;top:4px;width:12px;height:12px;border-radius:50%;background:#fff;border:2px solid #c4b5fd;z-index:2}
.tl-dot-a{position:absolute;left:10px;top:4px;width:12px;height:12px;border-radius:50%;background:#6d28d9;border:2px solid #ede9fe;z-index:2}

.toast{position:fixed;bottom:2rem;right:2rem;padding:12px 18px;border-radius:6px;z-index:999;background:#1a1a2e;color:#fff;font-size:12px;transform:translateY(80px);opacity:0;transition:all .3s}
.toast.show{transform:translateY(0);opacity:1}

.th-card{position:relative;border-radius:6px;overflow:hidden}
.th-card img{width:100%;height:100%;object-fit:cover;transition:transform .4s}
.th-card:hover img{transform:scale(1.02)}
.th-ov{position:absolute;inset:0;background:linear-gradient(to top,rgba(26,26,46,.6) 0%,transparent 50%);display:flex;flex-direction:column;justify-content:flex-end;padding:14px}

.fw-t{width:100%;border-collapse:collapse}
.fw-t th{text-align:left;padding:8px 10px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#71717a;border-bottom:1px solid #e5e7eb;background:#fafafa}
.fw-t td{padding:9px 10px;font-size:12px;color:#52525b;border-bottom:1px solid #f4f4f5;line-height:1.5}
.fw-t tbody tr:hover td{background:#fafaff}

.cs-stat{text-align:center;padding:10px 6px;border-radius:6px;background:#fafafa;border:1px solid #f1f5f9}
.nl-r{border-bottom:1px solid #f4f4f5;padding:12px 0;display:flex;align-items:center;gap:12px;cursor:pointer;transition:background .15s}
.nl-r:hover{background:#fafaff;margin:0 -12px;padding:12px;border-radius:4px}

.mob-menu{position:fixed;inset:0;z-index:100;background:#fff;transform:translateX(100%);transition:transform .3s}
.mob-menu.open{transform:translateX(0)}

@media(max-width:768px){.hm{display:none!important}.cs-grid-2{grid-template-columns:1fr!important}}
.footer-widgets {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
    padding: 40px 20px;
    background: #222;
    width: 100%;
    margin: 0px;
    justify-content: center;
}
.footer-column{
    flex:1;
    min-width:220px;
    color:#fff;
}
.footer-widgets .footer-col {
    max-width: 23%;
    width: 23%;
}
.footer-widget-title{
    color:#fff;
    margin-bottom:15px;
}

.footer-column a{
    color:#ddd;
    text-decoration:none;
}

.footer-column a:hover{
    color:#fff;
}