:root{--bg:#f7f8fb;--surface:#fff;--text:#111827;--muted:#667085;--line:#e8eaf0;--orange:#f58220;--green:#14b83a;--dark:#111827;--shadow:0 12px 34px rgba(16,24,40,.08);--radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);line-height:1.55}img{max-width:100%;display:block}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 32px));margin:auto}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.brand img{width:42px;height:42px;border-radius:13px;object-fit:cover}.navlinks{display:flex;align-items:center;gap:28px;font-weight:650;color:#344054}.navlinks a:hover{color:var(--orange)}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:12px;padding:9px 12px;font-size:20px}.hero{padding:76px 0 54px}.hero-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;background:#fff3e9;color:#c95400;font-size:13px;font-weight:800}.hero h1{font-size:clamp(42px,6vw,72px);line-height:1.02;letter-spacing:-.045em;margin:20px 0 18px}.hero h1 span{color:var(--orange)}.hero p{font-size:18px;color:var(--muted);max-width:650px;margin:0 0 28px}.actions{display:flex;flex-wrap:wrap;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:13px;font-weight:800;border:1px solid var(--line);background:#fff}.btn.primary{background:var(--dark);color:#fff;border-color:var(--dark)}.btn.orange{background:var(--orange);color:#fff;border-color:var(--orange)}.hero-card{background:var(--surface);border:1px solid var(--line);border-radius:28px;padding:26px;box-shadow:var(--shadow)}.hero-logo{width:150px;height:150px;border-radius:34px;object-fit:cover;margin:auto}.mini-list{display:grid;gap:12px;margin-top:22px}.mini-row{display:flex;align-items:center;gap:12px;padding:13px;border-radius:14px;background:#f9fafb}.mini-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#fff;border:1px solid var(--line);font-size:20px}.section{padding:56px 0}.section-title{text-align:center;max-width:700px;margin:0 auto 30px}.section-title h2{font-size:clamp(30px,4vw,44px);line-height:1.1;letter-spacing:-.03em;margin:0 0 12px}.section-title p{margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 6px 18px rgba(16,24,40,.04);transition:.2s}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.card-icon{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;font-size:24px;background:#fff3e9;margin-bottom:18px}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0 0 18px;color:var(--muted);font-size:15px}.card-link{font-weight:800;color:var(--orange)}.demo{background:#111827;color:#fff}.demo .section-title p{color:#aeb7c6}.demo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.demo-card{background:#1c2535;border:1px solid #2b3547;border-radius:18px;padding:18px}.demo-card .thumb{aspect-ratio:16/9;border-radius:14px;background:linear-gradient(135deg,#f58220,#111827);display:grid;place-items:center;font-size:40px;margin-bottom:16px}.demo-card h3{margin:0 0 8px}.demo-card p{margin:0;color:#aeb7c6;font-size:14px}.cta{padding:60px 0}.cta-box{background:#fff;border:1px solid var(--line);border-radius:26px;padding:38px;display:flex;justify-content:space-between;align-items:center;gap:24px}.cta h2{margin:0 0 8px;font-size:32px}.cta p{margin:0;color:var(--muted)}.footer{background:#fff;border-top:1px solid var(--line);padding:28px 0}.footer-row{display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:14px}.footer-nav{display:flex;gap:18px}.page-hero{padding:64px 0 30px;text-align:center}.page-hero h1{font-size:clamp(36px,5vw,58px);margin:0 0 12px}.page-hero p{color:var(--muted);max-width:700px;margin:auto}.list-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:20px 0 70px}.item{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px}.item .thumb{aspect-ratio:16/9;border-radius:14px;background:#f1f3f7;display:grid;place-items:center;font-size:38px;margin-bottom:14px}.item h3{margin:0 0 8px}.item p{margin:0 0 14px;color:var(--muted);font-size:14px}.badge{display:inline-flex;padding:5px 9px;border-radius:999px;background:#edf8ef;color:#12742a;font-size:12px;font-weight:800}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.demo-grid,.list-grid{grid-template-columns:repeat(2,1fr)}.hero-card{max-width:620px}.navlinks{position:absolute;top:72px;left:16px;right:16px;display:none;flex-direction:column;align-items:stretch;gap:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:8px;box-shadow:var(--shadow)}.navlinks.open{display:flex}.navlinks a{padding:13px 14px;border-radius:10px}.menu-btn{display:block}}
@media(max-width:600px){.container{width:min(100% - 24px,1120px)}.nav{height:64px}.brand img{width:38px;height:38px}.hero{padding:48px 0 34px}.hero h1{font-size:42px}.hero p{font-size:16px}.hero-card{padding:20px}.hero-logo{width:120px;height:120px}.section{padding:42px 0}.grid,.demo-grid,.list-grid{grid-template-columns:1fr}.card{padding:18px}.cta-box{padding:24px;display:block}.cta .actions{margin-top:20px}.footer-row{flex-direction:column;text-align:center}.footer-nav{flex-wrap:wrap;justify-content:center}.actions .btn{width:100%}}
/* V9: content-only Apps & Videos integration */
.app-list-grid{grid-template-columns:repeat(4,1fr)}
.app-item{text-align:center;padding:20px 14px}
.app-item a{display:block}
.app-thumb{width:92px;height:92px;margin:0 auto 14px;border-radius:22px;overflow:hidden;background:#f1f3f7;border:1px solid var(--line)}
.app-thumb img{width:100%;height:100%;object-fit:cover}
.app-item h3{font-size:15px;line-height:1.35;min-height:41px}
.video-section{padding:10px 0 20px}.video-section.second{padding-top:0;padding-bottom:50px}
.video-heading{text-align:center;margin:0 auto 22px}.video-heading h2{margin:0 0 6px;font-size:28px}.video-heading p{margin:0;color:var(--muted)}
.video-list-grid{padding-top:0;padding-bottom:35px}
.video-item{padding:12px}.video-item a{display:block}.video-thumb{position:relative;aspect-ratio:16/9;border-radius:13px;overflow:hidden;background:#f1f3f7;margin-bottom:14px}.video-thumb img{width:100%;height:100%;object-fit:cover}.video-thumb span{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;display:grid;place-items:center;padding-left:3px;background:rgba(255,255,255,.9);color:#e11d48;font-size:19px;box-shadow:0 8px 24px rgba(0,0,0,.18)}
@media(max-width:900px){.app-list-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:600px){.app-list-grid{grid-template-columns:repeat(3,1fr);gap:10px}.app-item{padding:12px 7px}.app-thumb{width:74px;height:74px;border-radius:18px;margin-bottom:9px}.app-item h3{font-size:11px;min-height:31px;margin-bottom:6px}.app-item .card-link{font-size:11px}.video-heading h2{font-size:24px}.video-list-grid{grid-template-columns:1fr}.video-item h3{font-size:16px}}

/* V10: always-visible four-link navigation below the brand */
.header{padding:0;background:rgba(255,255,255,.97)}
.brand-row{height:72px;display:flex;align-items:center}
.top-nav{border-top:1px solid var(--line);background:#fff}
.top-nav-row{height:50px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
.top-nav-row a{display:flex;align-items:center;justify-content:center;text-align:center;padding:0 10px;color:#475467;font-size:14px;font-weight:750;white-space:nowrap;border-bottom:3px solid transparent;transition:.18s ease}
.top-nav-row a:hover{color:var(--orange);background:#fff8f2;border-bottom-color:var(--orange)}
.menu-btn,.navlinks{display:none!important}
@media(max-width:600px){
  .brand-row{height:64px;justify-content:flex-start}
  .top-nav-row{width:100%;height:48px}
  .top-nav-row a{font-size:11px;line-height:1.15;padding:0 4px;white-space:normal}
  .top-nav-row a:nth-child(3){font-size:10px}
  .footer-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));width:100%;gap:0}
  .footer-nav a{font-size:11px;line-height:1.2;text-align:center;padding:6px 3px}
}


/* V11: desktop old navbar, mobile separate links section */
.header{padding:0;background:rgba(255,255,255,.94)}
.desktop-header-row{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.desktop-nav{display:flex;align-items:center;gap:28px;color:#344054;font-size:14px;font-weight:700}
.desktop-nav a{transition:color .18s ease}
.desktop-nav a:hover{color:var(--orange)}
.mobile-link-section{display:none}
@media(max-width:600px){
  .desktop-header-row{height:64px;justify-content:flex-start}
  .desktop-nav{display:none}
  .mobile-link-section{display:block;position:relative;background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .mobile-link-row{height:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch}
  .mobile-link-row a{display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;color:#475467;font-size:11px;line-height:1.15;font-weight:750}
  .mobile-link-row a:nth-child(3){font-size:10px}
  .mobile-link-row a:active{background:#fff4ea;color:var(--orange)}
}

/* V12: Fast Earnings blue brand theme */
.header{background:rgb(0 67 124);border-bottom-color:rgba(255,255,255,.18);backdrop-filter:none}
.brand{color:#fff}
.desktop-nav{color:#fff}
.desktop-nav a{padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.08)}
.desktop-nav a:hover{color:#fff;background:rgba(255,255,255,.18)}
@media(max-width:600px){
  .mobile-link-section{background:rgb(0 82 145);border-top-color:rgba(255,255,255,.16);border-bottom-color:rgba(0,0,0,.12)}
  .mobile-link-row a{color:#fff;border-right:1px solid rgba(255,255,255,.16)}
  .mobile-link-row a:last-child{border-right:0}
  .mobile-link-row a:active{background:rgb(0 58 108);color:#fff}
}

/* V13: mobile-only red rounded navigation with white separators */
@media(max-width:600px){
  .mobile-link-section{
    margin:8px 12px 10px;
    background:rgb(145 0 0);
    border:1px solid rgba(255,255,255,.22);
    border-top-color:rgba(255,255,255,.16);
    border-bottom-color:rgba(0,0,0,.12);
    border-radius:22px;
    overflow:hidden;
    box-shadow:0 6px 16px rgba(0,0,0,.12);
  }
  .mobile-link-row{
    width:100%;
    height:48px;
    gap:1px;
    background:rgba(255,255,255,.72);
  }
  .mobile-link-row a{
    background:rgb(145 0 0);
    color:#fff;
    border-right:0;
  }
  .mobile-link-row a:active{
    background:rgb(112 0 0);
    color:#fff;
  }
}

/* V14: center brand on mobile only; desktop remains unchanged */
@media(max-width:600px){
  .desktop-header-row{
    justify-content:center;
  }
  .brand{
    margin-inline:auto;
    justify-content:center;
    text-align:center;
  }
}

/* V15: mobile navbar brand centered and title extra bold; desktop untouched */
@media(max-width:600px){
  .desktop-header-row{
    display:flex;
    justify-content:center;
    align-items:center;
  }
  .desktop-header-row .brand{
    width:100%;
    margin:0;
    justify-content:center;
    text-align:center;
    font-weight:900;
  }
  .desktop-header-row .brand span{
    font-weight:900;
    letter-spacing:-.25px;
  }
}

/* V16: device-independent mobile brand centering; desktop untouched */
@media (max-width: 767px){
  .desktop-header-row{
    position:relative;
    height:76px;
    width:100%;
    max-width:none;
    margin:0;
    padding:0 12px;
    display:block;
  }
  .desktop-header-row .brand{
    position:absolute;
    top:50%;
    left:50%;
    width:max-content;
    max-width:calc(100% - 24px);
    margin:0;
    transform:translate(-50%,-50%);
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:12px;
    white-space:nowrap;
    font-weight:900;
    text-align:center;
  }
  .desktop-header-row .brand span{
    font-weight:900;
  }
}

/* V17: requested mobile header height; desktop untouched */
@media (max-width: 767px){
  .header{
    background:rgb(0 67 124);
    border-bottom-color:rgba(255,255,255,.18);
    height:70px;
  }
  .desktop-header-row{
    height:70px;
  }
}

/* V17: remove footer navigation and its reserved spacing on every device */
.footer-nav{display:none!important}
.footer-row{
  justify-content:center;
  gap:0;
  text-align:center;
}


/* V18: apps-first single-page tabs; demo homepage removed */
.tab-main{min-height:calc(100vh - 140px);padding:34px 0 12px}
.tab-panel[hidden]{display:none!important}
.tab-heading{text-align:center;padding:12px 0 20px}
.tab-heading h1{margin:0 0 8px;font-size:clamp(30px,5vw,46px)}
.tab-heading p{margin:0;color:var(--muted)}
.desktop-nav button,.mobile-link-row button{font:inherit;border:0;cursor:pointer}
.desktop-nav .nav-tab{padding:9px 13px;border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-weight:700}
.desktop-nav .nav-tab:hover,.desktop-nav .nav-tab.active{background:#fff;color:rgb(0 67 124)}
@media(max-width:600px){
  .mobile-link-row button{display:flex;align-items:center;justify-content:center;text-align:center;padding:4px;background:rgb(145 0 0);color:#fff;font-size:11px;line-height:1.15;font-weight:750}
  .mobile-link-row button.active{background:rgb(94 0 0);box-shadow:inset 0 -3px 0 #fff}
  .tab-main{padding-top:24px}
  .tab-heading{padding:8px 0 16px}
  .tab-heading h1{font-size:28px}
}

/* V19: footer matches main navbar color on all devices */
.footer{
  background:rgb(0 67 124);
  border-top-color:rgba(255,255,255,.18);
  color:#fff;
}
.footer-row{
  color:#fff;
}

/* V20: mobile-only header flow + consistent tab colors; desktop untouched */
@media (max-width: 600px){
  .header{
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .desktop-header-row{
    height:70px;
    min-height:70px;
  }
  .mobile-link-section{
    position:relative;
    margin:8px 12px 10px;
  }
  .tab-main{
    padding-top:24px;
  }
  .mobile-link-row button,
  .mobile-link-row a{
    -webkit-appearance:none;
    appearance:none;
    border:0;
    border-radius:0;
    background:rgb(145 0 0) !important;
    color:#fff !important;
    box-shadow:none;
  }
  .mobile-link-row button.active{
    background:rgb(94 0 0) !important;
    color:#fff !important;
    box-shadow:inset 0 -3px 0 #fff;
  }
  .mobile-link-row button:focus,
  .mobile-link-row button:hover,
  .mobile-link-row a:hover{
    background:rgb(145 0 0) !important;
    color:#fff !important;
  }
  .mobile-link-row button.active:focus,
  .mobile-link-row button.active:hover{
    background:rgb(94 0 0) !important;
  }
}