:root{
    --sense-red:#ed1c24;
    --sense-red-dark:#b90f16;
    --sense-yellow:#ffc400;
    --sense-black:#111;
    --sense-dark:#171717;
    --sense-gray:#707070;
    --sense-light:#f7f7f7;
    --sense-border:#e8e8e8;
}

html{scroll-behavior:smooth}
body{
    font-family:Inter,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
    color:#181818;
    overflow-x:hidden;
}
a{text-decoration:none}
.navbar{
    background:rgba(15,15,15,.97);
    backdrop-filter:blur(12px);
    min-height:72px;
}
.brand-mark{
    width:39px;height:39px;border-radius:10px;
    display:inline-flex;align-items:center;justify-content:center;
    background:var(--sense-red);color:#fff;font-size:23px;font-weight:900;
    transform:skew(-8deg);
}
.brand-text{font-size:21px;font-weight:900;line-height:.75;letter-spacing:-1px}
.brand-text small{
    display:block;color:#aaa;font-size:7px;letter-spacing:4px;margin-top:7px;
}
.navbar .nav-link{color:#eee!important;font-size:.93rem;padding:.65rem .78rem!important}
.navbar .nav-link:hover,.navbar .nav-link.active{color:#fff!important}
.navbar .nav-link.active{border-bottom:2px solid var(--sense-red)}
.btn-sense{
    background:var(--sense-red);border:0;color:#fff!important;
    font-weight:800;border-radius:10px;padding:13px 21px;
    transition:.2s;
}
.btn-sense:hover{background:var(--sense-red-dark);transform:translateY(-1px)}
.btn-outline-sense{
    border:1px solid #777;color:#fff!important;border-radius:10px;
    font-weight:700;padding:12px 20px;
}
.btn-outline-sense:hover{background:#fff;color:#111!important}

.hero{
    min-height:620px;color:#fff;position:relative;overflow:hidden;
    background:
        radial-gradient(circle at 85% 50%,rgba(237,28,36,.36),transparent 29%),
        radial-gradient(circle at 60% 10%,rgba(255,196,0,.08),transparent 23%),
        linear-gradient(115deg,#101010,#171717 58%,#0b0b0b);
}
.hero-grid{
    position:absolute;inset:0;opacity:.15;
    background-image:
        linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),
        linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);
    background-size:55px 55px;
}
.min-vh-75{min-height:75vh}
.hero-kicker{color:var(--sense-red);font-weight:900;font-size:1rem;letter-spacing:.4px}
.hero h1{
    font-size:clamp(2.7rem,5vw,4.8rem);
    font-weight:900;line-height:.98;letter-spacing:-3px;
}
.hero h1 span{display:block;color:#fff}
.hero-text{font-size:1.08rem;color:#d0d0d0;max-width:570px;line-height:1.6}
.hero-features i{
    display:inline-flex;width:34px;height:34px;align-items:center;justify-content:center;
    border-radius:50%;background:rgba(237,28,36,.15);color:var(--sense-red);
    margin-right:7px;
}
.hero-features span{font-size:.82rem;color:#ddd}

.dashboard-wrap{position:relative;margin-left:20px}
.dashboard{
    background:#fff;border:7px solid #242424;border-radius:18px;
    box-shadow:0 35px 80px rgba(0,0,0,.55);overflow:hidden;
}
.dashboard-top{height:34px;background:#222;display:flex;align-items:center;gap:6px;padding:0 12px}
.dashboard-top span{width:8px;height:8px;border-radius:50%;background:#777}
.dashboard-body{display:flex;height:335px}
.dashboard-menu{
    width:23%;background:#181818;color:#aaa;padding:15px 10px;font-size:10px;
}
.dashboard-menu strong{display:block;color:#fff;margin-bottom:18px}
.dashboard-menu div{padding:7px;border-radius:5px;margin-bottom:3px}
.dashboard-menu .active{background:var(--sense-red);color:#fff}
.dashboard-main{flex:1;padding:20px;color:#222;background:#fafafa}
.dashboard-main h6{font-weight:800}
.stat-row{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.stat{background:#fff;border:1px solid #eee;border-radius:7px;padding:10px}
.stat small{display:block;color:#888;font-size:8px}
.stat b{font-size:14px}
.fake-chart{
    height:160px;background:#fff;border:1px solid #eee;border-radius:7px;
    margin-top:12px;padding:13px;position:relative;overflow:hidden;
}
.fake-chart span{font-size:10px;color:#777}
.chart-line{
    position:absolute;left:8%;right:8%;top:55%;height:55px;
    border-bottom:3px solid var(--sense-red);border-radius:50%;
    transform:skewY(-8deg);
}
.phone{
    position:absolute;right:-35px;bottom:-40px;width:150px;height:295px;
    background:#111;border:5px solid #292929;border-radius:23px;
    box-shadow:0 25px 45px rgba(0,0,0,.55);overflow:hidden;z-index:3;
}
.phone-screen{margin:7px;background:#fff;border-radius:17px;height:calc(100% - 14px);overflow:hidden}
.phone-head{background:var(--sense-red);color:#fff;padding:13px 10px;font-size:10px;font-weight:800}
.phone-item{margin:8px;border:1px solid #eee;border-radius:7px;padding:8px;font-size:9px}

.section{padding:85px 0}
.section-kicker{
    color:var(--sense-red);font-size:.82rem;font-weight:900;
    text-transform:uppercase;letter-spacing:1px;margin-bottom:7px;
}
.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-1.5px}
.section-subtitle{color:#777;max-width:650px;line-height:1.65}

.system-card{
    min-height:275px;border:1px solid var(--sense-border);border-radius:15px;
    padding:25px;position:relative;overflow:hidden;background:#fff;
    transition:.25s;box-shadow:0 7px 25px rgba(0,0,0,.05);
}
.system-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(0,0,0,.12)}
.system-card small{display:block;font-weight:700;opacity:.65;margin-bottom:5px}
.system-card h3{font-size:1.35rem;font-weight:900}
.system-card p{font-size:.88rem;line-height:1.5;opacity:.78;max-width:280px}
.system-icon{
    width:48px;height:48px;border-radius:13px;display:flex;align-items:center;
    justify-content:center;background:#f2f2f2;color:var(--sense-red);
    font-size:22px;margin-bottom:18px;
}
.system-link{font-weight:800;font-size:.82rem;color:inherit}
.system-dark{background:#151515;color:#fff;border-color:#151515}
.system-red{background:linear-gradient(135deg,#ef1d24,#b70d14);color:#fff;border:0}
.system-yellow{background:linear-gradient(135deg,#ffd21a,#f0a900);color:#111;border:0}
.system-blue{background:linear-gradient(135deg,#2361a8,#173d72);color:#fff;border:0}
.system-dark .system-icon,.system-red .system-icon,.system-yellow .system-icon,.system-blue .system-icon{
    background:rgba(255,255,255,.15);color:inherit
}

.benefits{
    background:#151515;color:#fff;border-radius:18px;padding:32px;
}
.benefit{display:flex;gap:14px;align-items:center}
.benefit i{font-size:28px;color:var(--sense-red)}
.benefit strong{display:block;font-size:.9rem}
.benefit small{display:block;color:#aaa;font-size:.77rem;margin-top:3px}

.trust{background:#fafafa}
.rating-card{
    background:#fff;border:1px solid #eee;border-radius:15px;padding:28px;text-align:center;
    box-shadow:0 8px 30px rgba(0,0,0,.05);
}
.stars{color:#ffb400;font-size:1.35rem;margin:7px 0}
.rating-number{font-size:3rem;font-weight:900;line-height:1}
.rating-card small{color:#888}
.client-box{
    border:1px solid #eee;background:#fff;border-radius:12px;padding:18px;
    height:100%;font-weight:800;font-size:.9rem;
}
.client-box small{display:block;color:#999;font-weight:500;margin-top:4px}

.about-number{display:block;font-size:2.1rem;font-weight:900}
.about-number + small{color:#777}
.about-panel{
    padding:45px;border-radius:20px;background:#151515;color:#fff;
    position:relative;overflow:hidden;
}
.about-panel:after{
    content:"S";position:absolute;right:0;top:-60px;font-size:250px;
    font-weight:900;color:rgba(237,28,36,.08);
}
.about-panel>*{position:relative;z-index:1}
.about-panel>i{font-size:45px;color:var(--sense-red)}
.about-panel h3{font-weight:900;margin-top:20px}
.about-panel p{color:#aaa;line-height:1.6}

.cta{
    padding:48px;border-radius:20px;color:#fff;overflow:hidden;
    background:linear-gradient(100deg,rgba(237,28,36,.96),rgba(20,20,20,.98) 50%);
}
.cta h2{font-size:clamp(2rem,4vw,3rem);font-weight:900}
.cta p{color:#ddd;max-width:650px}

footer{background:#111;color:#fff;padding:65px 0 20px}
footer p,footer a{color:#aaa;font-size:.9rem}
footer a:hover{color:#fff}
.footer-title{
    color:#fff;font-size:.82rem;text-transform:uppercase;
    letter-spacing:1px;font-weight:900;margin-bottom:18px;
}
.social{
    width:38px;height:38px;border:1px solid #444;border-radius:50%;
    display:inline-flex;align-items:center;justify-content:center;margin-right:6px;
}
.whatsapp-float{
    position:fixed;right:20px;bottom:20px;width:56px;height:56px;border-radius:50%;
    background:#25d366;color:#fff;display:flex;align-items:center;justify-content:center;
    font-size:28px;z-index:1000;box-shadow:0 10px 30px rgba(0,0,0,.3);
}
.dropdown-menu{border-color:#333}

@media(max-width:991px){
    .hero{padding-top:40px;padding-bottom:70px}
    .dashboard-wrap{margin:50px 0 0}
    .navbar .btn-sense{display:none}
}
@media(max-width:575px){
    .hero h1{letter-spacing:-1.5px}
    .dashboard-wrap{margin-left:-10px;margin-right:-10px}
    .dashboard{transform:scale(.96)}
    .phone{width:120px;height:240px}
    .benefits{padding:22px}
    .cta{padding:30px 22px}
}