:root{--font-sans:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;}
html{background:#0a0a0f;}
body{margin:0;background:#0a0a0f;}
*{box-sizing:border-box;margin:0;padding:0;}
.site{background:#0a0a0f;color:#e8e8f0;font-family:var(--font-sans);}
.nav{display:flex;justify-content:space-between;align-items:center;padding:20px 40px;border-bottom:0.5px solid rgba(255,255,255,0.08);}
.logo{font-size:16px;font-weight:500;letter-spacing:0.12em;color:#fff;}
.logo span{color:rgba(255,255,255,0.3);font-weight:400;}
.nav-links{display:flex;gap:0;}
.nav-cta{font-size:13px;background:#fff;color:#0a0a0f;padding:7px 18px;border-radius:999px;border:none;cursor:pointer;font-weight:500;}

.page{display:none;padding:72px 40px 100px;}
.page.active{display:block;}

.eyebrow{font-size:11px;letter-spacing:0.16em;text-transform:uppercase;color:rgba(255,255,255,0.3);margin-bottom:14px;}
.page-title{font-size:52px;font-weight:500;letter-spacing:-0.025em;color:#fff;line-height:1.1;margin-bottom:18px;}
.page-sub{font-size:17px;color:rgba(255,255,255,0.4);line-height:1.65;max-width:520px;margin-bottom:64px;}

.sol-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,0.07);border:0.5px solid rgba(255,255,255,0.07);border-radius:16px;overflow:hidden;}
.sol-card{background:#0a0a0f;padding:40px 36px;}
.sol-icon{font-size:24px;color:rgba(255,255,255,0.35);margin-bottom:20px;}
.sol-title{font-size:18px;font-weight:500;color:#fff;margin-bottom:10px;}
.sol-body{font-size:14px;color:rgba(255,255,255,0.4);line-height:1.75;margin-bottom:20px;}
.sol-feat{list-style:none;padding:0;}
.sol-feat li{font-size:13px;color:rgba(255,255,255,0.35);padding:5px 0;border-top:0.5px solid rgba(255,255,255,0.06);display:flex;align-items:center;gap:8px;}
.sol-feat li i{color:#5DCAA5;font-size:14px;}

.use-section{margin-top:80px;}
.use-title{font-size:28px;font-weight:500;color:#fff;margin-bottom:40px;}
.use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.use-card{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.07);border-radius:12px;padding:28px 24px;}
.use-card-icon{font-size:20px;color:rgba(255,255,255,0.35);margin-bottom:14px;}
.use-card-title{font-size:15px;font-weight:500;color:#fff;margin-bottom:8px;}
.use-card-body{font-size:13px;color:rgba(255,255,255,0.35);line-height:1.7;}

.analytics-intro{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;margin-bottom:72px;}
.feature-list{display:flex;flex-direction:column;gap:28px;margin-top:8px;}
.feat-item{display:flex;gap:16px;align-items:flex-start;}
.feat-icon-wrap{width:36px;height:36px;border-radius:8px;background:rgba(255,255,255,0.05);border:0.5px solid rgba(255,255,255,0.08);display:flex;align-items:center;justify-content:center;flex-shrink:0;}
.feat-icon-wrap i{font-size:16px;color:rgba(255,255,255,0.5);}
.feat-label{font-size:14px;font-weight:500;color:#fff;margin-bottom:4px;}
.feat-desc{font-size:13px;color:rgba(255,255,255,0.4);line-height:1.65;}

.dash-mock{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.08);border-radius:16px;padding:24px;overflow:hidden;}
.dash-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;}
.dash-title-mock{font-size:13px;font-weight:500;color:#fff;}
.dash-badge{font-size:11px;background:rgba(29,158,117,0.15);color:#5DCAA5;padding:3px 10px;border-radius:999px;border:0.5px solid rgba(29,158,117,0.3);}
.mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;}
.mini-stat{background:rgba(255,255,255,0.04);border-radius:8px;padding:12px;}
.mini-val{font-size:18px;font-weight:500;color:#fff;letter-spacing:-0.02em;}
.mini-lbl{font-size:11px;color:rgba(255,255,255,0.3);margin-top:2px;}
.bar-chart{display:flex;align-items:flex-end;gap:5px;height:80px;margin-top:16px;}
.bar{flex:1;border-radius:3px 3px 0 0;}
.chart-line{display:flex;gap:5px;margin-top:6px;}
.chart-lbl{flex:1;font-size:10px;color:rgba(255,255,255,0.2);text-align:center;}

.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:64px;}
.price-card{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.08);border-radius:16px;padding:32px 28px;}
.price-card.featured{border:1px solid rgba(255,255,255,0.2);background:rgba(255,255,255,0.05);}
.price-badge{font-size:11px;background:rgba(255,255,255,0.1);color:rgba(255,255,255,0.6);padding:3px 10px;border-radius:999px;display:inline-block;margin-bottom:20px;}
.price-name{font-size:15px;font-weight:500;color:#fff;margin-bottom:6px;}
.price-desc{font-size:13px;color:rgba(255,255,255,0.35);margin-bottom:24px;line-height:1.6;}
.price-amount{font-size:40px;font-weight:500;color:#fff;letter-spacing:-0.03em;margin-bottom:4px;}
.price-amount span{font-size:16px;color:rgba(255,255,255,0.35);font-weight:400;}
.price-period{font-size:12px;color:rgba(255,255,255,0.3);margin-bottom:28px;}
.price-btn{width:100%;padding:10px;border-radius:999px;font-size:13px;font-weight:500;cursor:pointer;border:0.5px solid rgba(255,255,255,0.2);background:transparent;color:#fff;letter-spacing:0.01em;}
.price-btn.primary{background:#fff;color:#0a0a0f;border:none;}
.price-divider{border:none;border-top:0.5px solid rgba(255,255,255,0.07);margin:24px 0;}
.price-features{list-style:none;}
.price-features li{font-size:13px;color:rgba(255,255,255,0.4);padding:6px 0;display:flex;align-items:center;gap:8px;}
.price-features li i{color:#5DCAA5;font-size:14px;}
.price-features li.muted i{color:rgba(255,255,255,0.2);}
.price-features li.muted{color:rgba(255,255,255,0.2);}

.faq{margin-top:72px;}
.faq-title{font-size:28px;font-weight:500;color:#fff;margin-bottom:32px;}
.faq-item{border-top:0.5px solid rgba(255,255,255,0.07);padding:20px 0;}
.faq-q{font-size:15px;font-weight:500;color:#fff;margin-bottom:8px;}
.faq-a{font-size:14px;color:rgba(255,255,255,0.4);line-height:1.7;}

.about-hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start;margin-bottom:80px;}
.about-mission{font-size:15px;color:rgba(255,255,255,0.5);line-height:1.8;}
.mission-pull{font-size:22px;font-weight:500;color:#fff;line-height:1.4;margin-bottom:20px;letter-spacing:-0.01em;}

.founders{margin-bottom:80px;}
.founders-title{font-size:28px;font-weight:500;color:#fff;margin-bottom:32px;}
.founders-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.founder-card{background:rgba(255,255,255,0.03);border:0.5px solid rgba(255,255,255,0.08);border-radius:16px;padding:32px;}
.founder-avatar{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:500;margin-bottom:20px;}
.founder-name{font-size:17px;font-weight:500;color:#fff;margin-bottom:4px;}
.founder-role{font-size:13px;color:rgba(255,255,255,0.35);margin-bottom:16px;letter-spacing:0.02em;}
.founder-bio{font-size:14px;color:rgba(255,255,255,0.4);line-height:1.75;}

.values{margin-bottom:80px;}
.values-title{font-size:28px;font-weight:500;color:#fff;margin-bottom:32px;}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,0.06);border:0.5px solid rgba(255,255,255,0.06);border-radius:16px;overflow:hidden;}
.val-item{background:#0a0a0f;padding:32px 28px;}
.val-num{font-size:11px;letter-spacing:0.12em;color:rgba(255,255,255,0.2);margin-bottom:16px;}
.val-title{font-size:16px;font-weight:500;color:#fff;margin-bottom:8px;}
.val-body{font-size:13px;color:rgba(255,255,255,0.38);line-height:1.7;}

.timeline{margin-bottom:80px;}
.tl-title{font-size:28px;font-weight:500;color:#fff;margin-bottom:32px;}
.tl-items{display:flex;flex-direction:column;gap:0;}
.tl-item{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:20px 0;border-top:0.5px solid rgba(255,255,255,0.06);}
.tl-date{font-size:12px;color:rgba(255,255,255,0.25);padding-top:2px;letter-spacing:0.04em;}
.tl-event{font-size:14px;color:rgba(255,255,255,0.5);line-height:1.6;}
.tl-event strong{color:#fff;font-weight:500;}

.footer{border-top:0.5px solid rgba(255,255,255,0.06);padding:32px 40px;display:flex;justify-content:space-between;align-items:center;}
.footer-logo{font-size:14px;font-weight:500;letter-spacing:0.12em;color:rgba(255,255,255,0.3);}
.footer-copy{font-size:12px;color:rgba(255,255,255,0.2);}


@media (max-width: 900px){
  .nav{padding:18px 20px;gap:16px;flex-wrap:wrap;}
  .nav-links{order:3;width:100%;overflow-x:auto;padding-top:8px; justify-content: center;}
  .page{padding:56px 20px 80px;}
  .page-title{font-size:42px;}
  .sol-grid,.analytics-intro,.pricing-grid,.about-hero,.founders-grid,.values-grid{grid-template-columns:1fr;}
  .use-grid{grid-template-columns:1fr 1fr;}
}

@media (max-width: 560px){
  .nav{align-items:flex-start;}
  .nav-cta{display:none;}
  .page-title{font-size:34px;}
  .page-sub{font-size:15px;margin-bottom:42px;}
  .use-grid{grid-template-columns:1fr;}
  .mini-stats{grid-template-columns:1fr;}
  .tl-item{grid-template-columns:1fr;gap:8px;}
  .footer{padding:28px 20px;flex-direction:column;gap:10px;align-items:flex-start;}
}
    .nav-links {
    display:flex;
    align-items:center;
    gap:4px;
    }

    .nav-links a {
    text-decoration:none;
    font-size:13px;
    color:rgba(255,255,255,0.45);
    padding:6px 16px;
    border-radius:999px;
    letter-spacing:0.02em;
    transition:color 0.15s, background 0.15s;
    }

    .nav-links a:hover {
    color:rgba(255,255,255,0.85);
    }

    .nav-links a.active {
    color:#fff;
    background:rgba(255,255,255,0.08);
}
    .nav-cta {
    text-decoration:none;
    }
.nav a {
    text-decoration: none;
    }