/* LaunchKit dashboard edition • consistent dark design across the real website */
:root{--bg:#070f1d;--deep:#070f1d;--navy:#0d1931;--ink:#eaf3ff;--muted:#91a3bc;--teal:#15d3c3;--tealdark:#18cbbd;--line:#25344f;--white:#111e33;--shadow:0 20px 55px rgba(0,0,0,.22)}
html{scroll-behavior:smooth}body.dark-dashboard{background:#091426;color:#eaf1fd;font-family:Inter,'Segoe UI',system-ui,-apple-system,sans-serif;font-size:15px;line-height:1.6}a{color:inherit}button,input,textarea,select{font:inherit} ::selection{background:#10bfb4;color:#071325}
.dashboard-sidebar{position:fixed;z-index:61;top:0;left:0;bottom:0;width:256px;background:#0a1427;border-right:1px solid #26334b;display:flex;flex-direction:column;overflow:hidden}.sidebar-brand{height:93px;display:flex;align-items:center;padding:20px 22px;border-bottom:1px solid #1c2b43}.brand-lockup{display:flex;align-items:center;gap:12px;color:#f6f9ff;font-weight:850;font-size:24px;letter-spacing:-.07em;line-height:1.08}.brand-lockup .brand-accent{color:#20d8c7}.brand-lockup small{display:block;color:#6e89a4;font-size:9px;letter-spacing:.19em;margin-top:7px;font-weight:750}.brand-icon{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#fff;overflow:hidden;flex:none}.brand-icon img{width:44px;height:44px;object-fit:cover}.side-dismiss{display:none}.side-scroll{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#304764 transparent;padding:25px 14px 18px;flex:1}.side-group-label{font-size:10px;letter-spacing:.19em;color:#7186a4;font-weight:850;padding:0 14px;margin-bottom:15px}.group-space{margin-top:34px}.side-links{display:grid;gap:5px}.side-link{display:flex;align-items:center;gap:13px;border-radius:11px;padding:11px 12px;color:#a8b8cf;font-size:13px;font-weight:660;transition:background .15s,color .15s}.side-link:hover{background:#172b43;color:#fff}.side-link.active{color:#48f1df;background:linear-gradient(100deg,#103c44,#123347 85%);box-shadow:inset 3px 0 0 #23dfd0}.side-icon{width:22px;display:inline-block;text-align:center;color:#7b9ab0;font-size:19px;line-height:1.2}.side-link.active .side-icon{color:#37e0cd}.sidebar-promo{margin:31px 8px 15px;padding:20px 17px;border:1px solid #275064;background:radial-gradient(circle at 100% 0,#155b6b 0,transparent 70%),#0f2436;border-radius:15px}.promo-mark{display:inline-grid;width:38px;height:38px;place-items:center;border-radius:10px;background:#1a6771;color:#5affdf;font-size:24px}.sidebar-promo h3{font-size:16px;line-height:1.35;letter-spacing:-.03em;margin:13px 0 6px}.sidebar-promo p{color:#8faabe;font-size:12px;margin:0 0 17px}.sidebar-promo a{display:flex;justify-content:space-between;color:#65fbe3;font-size:12px;font-weight:850}.sidebar-bottom{padding:22px 21px;border-top:1px solid #253047;font-size:10px;letter-spacing:.09em;font-weight:800;color:#6f87a5}.sidebar-version{float:right;color:#52627b}.status-bullet{display:inline-block;width:7px;height:7px;margin-right:7px;background:#1ed8a3;border-radius:50%;box-shadow:0 0 0 4px #1aab8529}
.dashboard-topbar{position:sticky;top:0;z-index:40;margin-left:256px;height:80px;background:#0a1629f5;backdrop-filter:blur(14px);border-bottom:1px solid #25334d;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:0 35px}.top-left{display:flex;align-items:center;gap:12px;white-space:nowrap}.crumb-prefix{font-size:11px;letter-spacing:.12em;color:#6f819d;font-weight:850}.crumb-prefix span{color:#426077;padding:0 8px}.top-left strong{font-size:15px;color:#eaf3ff}.top-dot{color:#58708e}.top-date{color:#8da3be;font-size:12px}.top-search{display:flex;align-items:center;gap:11px;width:min(400px,36vw);background:#111e33;border:1px solid #2a3d57;padding:10px 14px;border-radius:12px;color:#96acc6}.top-search>span{font-size:21px;line-height:1}.top-search input{min-width:0;flex:1;color:#eaf3ff;border:0;outline:0;background:transparent;font-size:12px}.top-search input::placeholder{color:#91a0b5}.top-search kbd{font-size:10px;color:#6886a5;border:1px solid #39506c;border-radius:5px;padding:3px 5px}.top-link{font-size:12px;font-weight:850;color:#62efdc;white-space:nowrap}.dashboard-main{margin-left:256px;min-height:calc(100vh - 80px);padding:0 36px 22px;max-width:none;overflow:hidden}.dashboard-main>.wrap,.dashboard-main>.section>.wrap,.dashboard-main>.feature-strip>.wrap,.dashboard-main>.hero>.wrap{max-width:1400px;margin-inline:auto;padding-left:0;padding-right:0}.dark-dashboard .site-footer{margin-left:256px;background:#080f20;border-top:1px solid #25344b}.dark-dashboard .site-footer>.wrap{max-width:1400px;padding-left:36px;padding-right:36px}
/* dashboard landing */
.dash-intro{position:relative;display:grid;grid-template-columns:1fr minmax(350px,.96fr);gap:40px;align-items:center;padding:66px 46px;margin:27px auto 19px;max-width:1400px;background:radial-gradient(ellipse 70% 130% at 105% 0%,#154057 0%,transparent 76%),linear-gradient(125deg,#10223e,#0c1e36 80%);border:1px solid #284561;border-radius:23px;overflow:hidden;isolation:isolate;box-shadow:0 20px 80px #01081130}.dash-intro:after{content:'';position:absolute;inset:0;z-index:-1;opacity:.35;background-image:radial-gradient(#6baac0 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(to right,transparent,#000)}.overline{font-size:10px;color:#2fe5d5;letter-spacing:.14em;font-weight:850;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.overline i{width:7px;height:7px;background:#27e8c5;border-radius:50%;box-shadow:0 0 0 4px #27e8c51c}.overline-line{width:22px;height:1px;background:#538093;margin-inline:4px}.dash-intro h1{font-size:clamp(43px,4.2vw,69px);font-weight:870;line-height:1.07;letter-spacing:-.062em;margin:24px 0 19px;color:#fff}.dash-intro h1 em{font-style:normal;color:#30ddcd}.dash-intro p{color:#abbcd4;font-size:15px;line-height:1.8;max-width:535px;margin:0 0 28px}.hero-actions{display:flex;flex-wrap:wrap;gap:11px}.btn-primary{background:#1ad1c1;color:#031a23}.btn-primary:hover{background:#6af4e4}.btn-ghost{border:1px solid #46637b;color:#eaf4ff;background:#1b38543b}.btn-ghost:hover{background:#243f59}.hero-trust{display:flex;gap:18px;flex-wrap:wrap;margin-top:33px;color:#aec2d7;font-size:11px}.hero-trust b{color:#38e8d1}.dash-intro-demo{padding:23px;background:#0d1b30;border:1px solid #3b546a;border-radius:17px;box-shadow:0 26px 55px #040e2280;transform:rotate(1deg);max-width:560px;width:100%;justify-self:end}.demo-top{display:flex;justify-content:space-between;align-items:start;gap:9px}.demo-top small{display:block;color:#6689a5;font-size:9px;letter-spacing:.12em;font-weight:800}.demo-top strong{font-size:16px;color:#f5faff}.live-dot{background:#183b39;border:1px solid #23675b;border-radius:99px;color:#4be4a8;font-size:9px;font-weight:800;letter-spacing:.02em;padding:5px 9px}.demo-total{margin-top:19px}.demo-total small{color:#8ea3bd;font-size:12px}.demo-money{font-size:34px;font-weight:850;letter-spacing:-.05em;color:#f4faff}.demo-money span{font-size:11px;letter-spacing:0;margin-left:7px;padding:5px 7px;background:#123f3c;color:#54e8b3;border-radius:6px;vertical-align:middle}.demo-chart{position:relative;height:128px;margin-top:14px;overflow:hidden}.demo-chart svg{position:absolute;inset:0;width:100%;height:100%}.chart-grid{position:absolute;inset:0;background:repeating-linear-gradient(to bottom,#2d4762 0px,#2d4762 1px,transparent 1px,transparent 32px);opacity:.45}.chart-axis{display:flex;justify-content:space-between;color:#69809c;font-size:9px;font-weight:750;letter-spacing:.04em}.demo-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.demo-bottom>div{display:flex;align-items:center;gap:12px;background:#152842;border:1px solid #2a3c58;border-radius:11px;padding:11px 13px}.demo-icon{width:35px;height:35px;display:grid;place-items:center;background:#114641;color:#35e7ce;border-radius:8px;font-size:20px}.demo-icon.blue{background:#173a58;color:#69baff}.demo-bottom small{display:block;font-size:10px;color:#869eb8}.demo-bottom strong{display:block;color:#effbff;font-size:16px;line-height:1.3}.demo-disclaimer{font-size:10px;color:#718ba7;margin-top:12px}.dash-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:1400px;margin:0 auto}.dash-metric{position:relative;display:flex;align-items:center;gap:14px;padding:20px 16px;background:#111e33;border:1px solid #253956;border-radius:15px;min-width:0;transition:.16s}.dash-metric:hover{border-color:#39c7b9;transform:translateY(-2px)}.metric-symbol{display:grid;place-items:center;width:46px;height:46px;flex:none;border-radius:13px;font-size:24px}.metric-symbol.teal{background:#113e44;color:#35eadd}.metric-symbol.blue{background:#16334e;color:#73b9ff}.metric-symbol.violet{background:#2b2454;color:#b6a2ff}.metric-symbol.amber{background:#46331d;color:#ffc07a}.metric-copy{min-width:0}.metric-copy small{color:#8499b5;font-size:9px;letter-spacing:.08em;font-weight:800;display:block}.metric-copy strong{display:block;font-size:25px;letter-spacing:-.035em;line-height:1.4}.metric-copy strong span{font-size:11px;font-weight:550;color:#8da0b8;letter-spacing:0}.metric-corner{position:absolute;right:12px;top:8px;color:#5a748d;font-size:13px}
/* shared dark cards & layout */
.dark-dashboard .section{padding:50px 0 23px}.dark-dashboard .section-header{margin-bottom:22px}.dark-dashboard .section h2,.dark-dashboard .page-heading h1{color:#f2f7ff;letter-spacing:-.047em}.dark-dashboard .section-header p,.dark-dashboard .page-heading p,.dark-dashboard .tool-card p,.dark-dashboard .guide-card p,.dark-dashboard .feature-item p,.dark-dashboard .prose,.dark-dashboard .surface p{color:#9babc3}.dark-dashboard .eyebrow,.dark-dashboard .smallcaps,.dark-dashboard .text-link{color:#3ee4d4}.dark-dashboard .category-card,.dark-dashboard .tool-card,.dark-dashboard .guide-card,.dark-dashboard .surface,.dark-dashboard .feature-card,.dark-dashboard .article-card{background:#101e34;border-color:#2a3a53;color:#f1f5ff;box-shadow:none}.dark-dashboard .category-card:hover,.dark-dashboard .tool-card:hover,.dark-dashboard .guide-card:hover{border-color:#34cabc;box-shadow:0 12px 30px #02091b45}.dark-dashboard .category-card{min-height:151px}.dark-dashboard .category-card .ico{background:#123d43;color:#43eadd}.dark-dashboard .category-card small{color:#809bb8}.dark-dashboard .tool-card{min-height:182px}.dark-dashboard .tool-card .type,.dark-dashboard .guide-card small,.dark-dashboard .tool-card .arrow{color:#4fdfd0}.dark-dashboard .tool-card h3,.dark-dashboard .guide-card h3{color:#f1f7ff}.dark-dashboard .feature-strip{background:#0d1e31;border:1px solid #263c55;border-radius:18px;margin-top:28px}.dark-dashboard .feature-icon{background:#16434a;color:#43e1d0}.dark-dashboard .cta-section{margin-top:40px;background:linear-gradient(110deg,#103346,#103650 60%,#152950);border:1px solid #2d5c6b}.dark-dashboard .footer-grid p,.dark-dashboard .footer-grid a{color:#91a4bd}.dark-dashboard .footer-brand{color:#f6fbff}.dark-dashboard .bread{color:#7c91af}.dark-dashboard .page-heading{padding:57px 0 28px}.dark-dashboard .page-heading .eyebrow{color:#43e3d4}.dark-dashboard .page-heading h1{font-size:clamp(32px,3.4vw,50px)}.dark-dashboard .surface{padding:28px}.dark-dashboard .surface h2,.dark-dashboard .surface h3,.dark-dashboard .prose h2,.dark-dashboard .prose h3{color:#f1f7ff}.dark-dashboard .prose code{background:#172e46;color:#d7fcf6}.dark-dashboard .sidebar-link{border-color:#31425a;color:#c6dbed}.dark-dashboard .sidebar-link:hover{color:#53f5df}.dark-dashboard .field label{color:#b9cae0}.dark-dashboard .field input,.dark-dashboard .field textarea,.dark-dashboard .field select,.dark-dashboard .search-input{background:#0b172a;border:1px solid #324865;color:#edf7ff;color-scheme:dark}.dark-dashboard .field input:focus,.dark-dashboard .field textarea:focus,.dark-dashboard .field select:focus,.dark-dashboard .search-input:focus{border-color:#28e3cc;box-shadow:0 0 0 4px #16d4bf24}.dark-dashboard .field small{color:#9aacca}.dark-dashboard .results{background:#0b2a34;border-color:#2b7b7c;color:#e8ffff}.dark-dashboard .metric{background:#122d3a;border-color:#2a5c65;color:#f2ffff}.dark-dashboard .metric small{color:#a7c7d2}.dark-dashboard .result-pre{background:#091f2a;border-color:#245360;color:#e7faf6}.dark-dashboard .results.error{background:#392329;border-color:#965559;color:#ffb7b7}.dark-dashboard .btn-outline{background:#192b42;border-color:#436078;color:#f6fcff}.dark-dashboard .affiliate-box{background:#152c3d;border-color:#285265}.dark-dashboard .affiliate-box small{color:#a4b8c8}.dark-dashboard .affiliate-box a{color:#64e8db}.dark-dashboard .hint{background:#113b3f;border-color:#3ce4cc;color:#bceee9}.dark-dashboard .filter-pills a,.dark-dashboard .filter-pills button{background:#11243a;color:#b7cee1;border-color:#30465e}.dark-dashboard .filter-pills a.active,.dark-dashboard .filter-pills button.active{background:#197369;color:white;border-color:#1dbfa9}.dark-dashboard .counts{color:#9eaec4}.dark-dashboard .notice{background:#312919;color:#f2d8a3;border-color:#7d5b2d}.dark-dashboard .pill{background:#123f43;border-color:#266363;color:#63f0df}.dark-dashboard .prose a:not(.btn){color:#5eeadb}.dark-dashboard .site-footer{padding-top:43px}.dark-dashboard .browser-search input::placeholder{color:#7289a3}
/* responsiveness */
@media(max-width:1270px){.dashboard-sidebar{width:220px}.dashboard-topbar,.dark-dashboard .site-footer{margin-left:220px}.dashboard-main{margin-left:220px;padding-inline:25px}.dashboard-topbar{padding-inline:24px}.dash-intro{gap:22px;padding:46px 30px;grid-template-columns:1fr minmax(310px,.87fr)}.dash-metric{padding:15px 11px;gap:10px}.metric-symbol{width:39px;height:39px}.metric-copy strong{font-size:21px}.dark-dashboard .site-footer>.wrap{padding-left:25px;padding-right:25px}}
@media(max-width:1050px){.dash-intro{grid-template-columns:1fr}.dash-intro-demo{max-width:650px;justify-self:start;transform:none}.dash-metrics{grid-template-columns:repeat(2,1fr)}.top-date,.top-dot,.top-search kbd{display:none}}
@media(max-width:780px){.dashboard-sidebar{width:min(296px,87vw);transform:translateX(-104%);transition:transform .2s ease;box-shadow:25px 0 80px transparent}.dashboard-sidebar.open{transform:none;box-shadow:25px 0 80px #0009}.dashboard-topbar{margin-left:0;padding:0 18px;height:70px}.dashboard-main{margin-left:0;padding-inline:17px}.dark-dashboard .site-footer{margin-left:0}.dark-dashboard .site-footer>.wrap{padding-inline:17px}.mobile-menu{display:inline-grid;place-items:center;border:1px solid #2b465e;border-radius:9px;background:#132a40;color:#c5f6f1;width:38px;height:38px;font-size:19px;margin-right:0}.side-dismiss{display:grid;margin-left:auto;place-items:center;width:29px;height:29px;border:1px solid #3a536a;border-radius:7px;color:white;background:transparent;font-size:20px}.top-search{width:clamp(150px,42vw,300px)}.top-link,.crumb-prefix{display:none}.dash-intro{margin-top:17px}.dark-dashboard .section{padding-top:38px}.dark-dashboard .page-heading{padding-top:33px}}
@media(max-width:570px){.dash-intro{padding:32px 20px;gap:31px;border-radius:17px}.dash-intro h1{font-size:45px}.dash-intro p{font-size:14px}.dash-intro-demo{padding:15px}.demo-money{font-size:28px}.demo-bottom{gap:6px}.demo-bottom>div{padding:8px;gap:8px}.demo-bottom strong{font-size:13px}.demo-bottom .demo-icon{width:26px;height:26px}.dash-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.dash-metric{padding:12px 10px;flex-direction:column;align-items:start;min-height:120px}.metric-copy strong{font-size:24px}.metric-copy strong span{display:block;font-size:10px}.top-search{width:50vw;padding:7px 10px;gap:6px}.top-search input{font-size:11px}.top-left strong{font-size:13px}.hero-trust{gap:11px}.dark-dashboard .section h2{font-size:27px}.dark-dashboard .section-header{gap:12px}}
@media print{.dashboard-sidebar,.dashboard-topbar,.dash-intro,.dash-metrics{display:none!important}.dashboard-main,.dark-dashboard .site-footer{margin:0;padding:0}.dark-dashboard{background:white;color:#111}.dark-dashboard .surface,.dark-dashboard .results{background:white;color:#111}}