Quin — AI Automation, Markets & Sports Intelligence
:root{
--charcoal:#15161A;
--panel:#1E2025;
--panel-2:#26282E;
--gold:#C9A227;
--amber:#E8C468;
--ink:#ECE7DC;
--ink-dim:#9B9690;
--hairline:rgba(201,162,39,0.18);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
background:var(--charcoal);
color:var(--ink);
font-family:'Inter',sans-serif;
line-height:1.6;
-webkit-font-smoothing:antialiased;
}
.qn-display{font-family:'Fraunces',serif;}
.qn-mono{font-family:'JetBrains Mono',monospace;}
a{color:inherit;text-decoration:none;}
img{display:block;max-width:100%;}
.qn-wrap{max-width:1320px;margin:0 auto;padding:0 36px;}
/* ---------- NAV ---------- */
nav{
position:sticky;top:0;z-index:50;
background:rgba(21,22,26,0.88);
backdrop-filter:blur(10px);
border-bottom:1px solid var(--hairline);
}
nav .qn-wrap{display:flex;align-items:center;justify-content:space-between;height:76px;}
.qn-logo{display:flex;align-items:center;gap:10px;}
.qn-logo-mark{
width:30px;height:30px;border:1.5px solid var(--gold);border-radius:50%;
display:flex;align-items:center;justify-content:center;
font-family:'Fraunces',serif;font-weight:600;font-size:15px;color:var(--gold);
}
.qn-logo-text{font-family:'Fraunces',serif;font-weight:600;font-size:21px;letter-spacing:0.5px;}
.qn-logo-text span{color:var(--gold);}
.qn-navlinks{display:flex;gap:36px;font-size:14px;font-weight:500;color:var(--ink-dim);}
.qn-navlinks a:hover{color:var(--gold);}
.qn-nav-cta{
border:1px solid var(--gold);color:var(--gold);
padding:9px 20px;border-radius:3px;font-size:13px;font-weight:600;
letter-spacing:0.4px;
}
.qn-nav-cta:hover{background:var(--gold);color:var(--charcoal);}
/* ---------- HERO ---------- */
.qn-hero{
position:relative;
min-height:92vh;
display:flex;align-items:center;
background-image:
linear-gradient(180deg, rgba(21,22,26,0.55) 0%, rgba(21,22,26,0.75) 55%, rgba(21,22,26,1) 100%),
url('https://images.unsplash.com/photo-1759222973646-6f12426f1285?w=1900&q=80&auto=format&fit=crop');
background-size:cover;
background-position:center;
}
.qn-hero-inner{padding:80px 0;max-width:760px;}
.qn-eyebrow{
font-family:'JetBrains Mono',monospace;font-size:13.5px;letter-spacing:2.5px;
color:var(--gold);text-transform:uppercase;margin-bottom:26px;display:block;
}
.qn-hero h1{
font-size:66px;font-weight:600;line-height:1.1;letter-spacing:-0.5px;
margin-bottom:30px;
}
.qn-hero h1 em{font-style:italic;font-weight:500;color:var(--amber);}
.qn-hero p{font-size:19px;color:var(--ink-dim);max-width:540px;margin-bottom:42px;}
.qn-cta-row{display:flex;gap:16px;}
.qn-btn-primary{
background:var(--gold);color:var(--charcoal);padding:14px 28px;
border-radius:3px;font-weight:600;font-size:14.5px;letter-spacing:0.2px;
}
.qn-btn-primary:hover{background:var(--amber);}
.qn-btn-ghost{
border:1px solid rgba(236,231,220,0.3);padding:14px 28px;border-radius:3px;
font-weight:600;font-size:14.5px;color:var(--ink);
}
.qn-btn-ghost:hover{border-color:var(--gold);color:var(--gold);}
/* ---------- TICKER ---------- */
.qn-ticker-strip{
background:var(--panel);border-top:1px solid var(--hairline);border-bottom:1px solid var(--hairline);
padding:0;
}
/* ---------- SECTION HEADERS ---------- */
.qn-section{padding:100px 0;}
.qn-section-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:54px;flex-wrap:wrap;gap:16px;}
.qn-section-head h2{font-size:38px;font-weight:600;letter-spacing:-0.3px;}
.qn-section-head .qn-tag{font-family:'JetBrains Mono',monospace;font-size:13px;letter-spacing:2px;color:var(--gold);text-transform:uppercase;}
.qn-see-all{font-size:13.5px;font-weight:600;color:var(--ink-dim);border-bottom:1px solid var(--ink-dim);padding-bottom:2px;}
.qn-see-all:hover{color:var(--gold);border-color:var(--gold);}
/* ---------- FEATURED CARDS ---------- */
.qn-featured-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:28px;}
.qn-card{
position:relative;border-radius:6px;overflow:hidden;
min-height:460px;display:flex;flex-direction:column;justify-content:flex-end;
background-size:cover;background-position:center;
}
.qn-card::after{
content:"";position:absolute;inset:0;
background:linear-gradient(180deg, rgba(21,22,26,0) 30%, rgba(21,22,26,0.92) 100%);
}
.qn-card-body{position:relative;z-index:2;padding:36px;}
.qn-card-tag{font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:1.8px;color:var(--amber);text-transform:uppercase;margin-bottom:14px;display:block;}
.qn-card h3{font-size:28px;font-weight:600;line-height:1.25;margin-bottom:12px;max-width:90%;}
.qn-card p{font-size:14.5px;color:var(--ink-dim);max-width:90%;}
.qn-card .qn-meta{margin-top:16px;font-size:12.5px;color:var(--ink-dim);font-family:'JetBrains Mono',monospace;}
/* ---------- AI TOOLS RAIL ---------- */
.qn-tools-rail{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
.qn-tool-card{
background:var(--panel);border:1px solid var(--hairline);border-radius:6px;
padding:24px 20px;transition:border-color .15s;
}
.qn-tool-card:hover{border-color:var(--gold);}
.qn-tool-mono{
width:38px;height:38px;border-radius:50%;border:1px solid var(--gold);
display:flex;align-items:center;justify-content:center;
font-family:'Fraunces',serif;font-weight:600;color:var(--gold);font-size:15px;
margin-bottom:16px;
}
.qn-tool-card h4{font-size:15.5px;font-weight:600;margin-bottom:8px;}
.qn-tool-card p{font-size:12.5px;color:var(--ink-dim);line-height:1.55;}
/* ---------- SIGNATURE DIVIDER ---------- */
.qn-divider{
position:relative;height:280px;overflow:hidden;
display:flex;
}
.qn-divider-half{
width:54%;height:130%;top:-15%;background-size:cover;background-position:center;
position:relative;display:flex;align-items:center;
transform:skewX(-8deg);
}
.qn-divider-half > .qn-divider-label{transform:skewX(8deg);}
.qn-divider-half.qn-left{
background-image:linear-gradient(100deg, rgba(21,22,26,0.35) 0%, rgba(21,22,26,0.85) 100%), url('https://images.unsplash.com/photo-1651340981821-b519ad14da7c?w=1100&q=80&auto=format&fit=crop');
margin-right:-8%;
justify-content:flex-start;padding-left:80px;
}
.qn-divider-half.qn-right{
background-image:linear-gradient(260deg, rgba(21,22,26,0.35) 0%, rgba(21,22,26,0.85) 100%), url('https://images.unsplash.com/photo-1693164586646-f3f877aec626?w=1100&q=80&auto=format&fit=crop');
justify-content:flex-end;padding-right:80px;
}
.qn-divider-label{position:relative;z-index:2;}
.qn-divider-label .qn-eyebrow{margin-bottom:8px;}
.qn-divider-label h3{font-size:30px;font-weight:600;}
.qn-divider-seam{
position:absolute;top:-15%;bottom:-15%;left:50%;width:2px;background:var(--gold);
transform:translateX(-50%) skewX(-8deg);z-index:3;
}
/* ---------- SPORTS SECTION ---------- */
.qn-sports-section{padding:72px 0;}
.qn-sports-card{
border-radius:6px;overflow:hidden;position:relative;min-height:280px;
background-size:cover;background-position:center;
background-image:url('https://images.unsplash.com/photo-1693164586646-f3f877aec626?w=1600&q=80&auto=format&fit=crop');
display:flex;align-items:center;
}
.qn-sports-card::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg, rgba(21,22,26,0.92) 0%, rgba(21,22,26,0.45) 65%);}
.qn-sports-card-body{position:relative;z-index:2;padding:48px;max-width:480px;}
.qn-sports-card .qn-card-tag{color:var(--amber);}
.qn-sports-card h3{font-size:27px;font-weight:600;margin-bottom:12px;}
.qn-sports-card p{font-size:14.5px;color:var(--ink-dim);}
/* ---------- NEWSLETTER ---------- */
.qn-newsletter{
position:relative;padding:80px 0;text-align:center;
background-image:linear-gradient(180deg, rgba(21,22,26,0.93), rgba(21,22,26,0.97)), url('https://images.unsplash.com/photo-1760978631985-590e3b5f4057?w=1900&q=70&auto=format&fit=crop');
background-size:cover;background-position:center;
}
.qn-newsletter h2{font-size:30px;font-weight:600;margin-bottom:14px;}
.qn-newsletter p{color:var(--ink-dim);margin-bottom:30px;}
.qn-newsletter-form{display:flex;justify-content:center;gap:10px;max-width:440px;margin:0 auto;}
.qn-newsletter-form input{
flex:1;background:var(--panel);border:1px solid var(--hairline);border-radius:3px;
padding:14px 16px;color:var(--ink);font-size:14px;
}
.qn-newsletter-form input::placeholder{color:var(--ink-dim);}
.qn-newsletter-form button{
background:var(--gold);color:var(--charcoal);border:none;border-radius:3px;
padding:14px 22px;font-weight:600;font-size:14px;white-space:nowrap;
}
.qn-newsletter-form button:hover{background:var(--amber);}
/* ---------- FOOTER ---------- */
footer{background:#0F1013;border-top:1px solid var(--hairline);padding:56px 0 32px;}
.qn-footer-grid{display:flex;justify-content:space-between;flex-wrap:wrap;gap:40px;margin-bottom:40px;}
.qn-footer-col h5{font-size:12.5px;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase;margin-bottom:16px;font-family:'JetBrains Mono',monospace;}
.qn-footer-col a{display:block;font-size:13.5px;color:var(--ink-dim);margin-bottom:10px;}
.qn-footer-col a:hover{color:var(--ink);}
.qn-footer-bottom{
border-top:1px solid var(--hairline);padding-top:24px;
display:flex;justify-content:space-between;align-items:center;
font-size:12.5px;color:var(--ink-dim);flex-wrap:wrap;gap:12px;
}
@media (max-width: 860px){
.qn-navlinks{display:none;}
.qn-hero h1{font-size:38px;}
.qn-featured-grid{grid-template-columns:1fr;}
.qn-tools-rail{grid-template-columns:repeat(2,1fr);}
.qn-divider{flex-direction:column;height:auto;}
.qn-divider-half{width:100%;height:auto;top:0;transform:none !important;padding:36px 28px !important;margin:0 !important;min-height:160px;}
.qn-divider-half > .qn-divider-label{transform:none !important;}
.qn-divider-seam{display:none;}
.qn-sports-card-body{padding:32px;}
}
AI Automation · Markets · Sports Intelligence
Four bots, one builder,every edge automated.
Premarket reads, options scans, and sports intelligence — built once, running every morning. Read how it's built, or get the bots running for yourself.
{
"symbols": [
{"proName": "NASDAQ:NVDA", "title": "NVDA"},
{"proName": "NASDAQ:MSFT", "title": "MSFT"},
{"proName": "NASDAQ:GOOGL", "title": "GOOGL"},
{"proName": "NASDAQ:AMD", "title": "AMD"},
{"proName": "NASDAQ:PLTR", "title": "PLTR"},
{"proName": "NASDAQ:SMCI", "title": "SMCI"},
{"proName": "NASDAQ:META", "title": "META"},
{"proName": "NASDAQ:MSTR", "title": "MSTR"}
],
"colorTheme": "dark",
"isTransparent": true,
"displayMode": "compact",
"locale": "en"
}
Options · Build Notes
Why most options scanners are useless — and how to build one that isn't
Most scanners just restate the odds. Here's the scoring logic that actually separates signal from noise.
7 MIN READ
Automation
The $5/month stack: four bots, one Railway service
Premarket, options, memecoin, and sports — how they all run on the same tiny box.
5 MIN READ
Sports Intelligence
Why home underdogs in elimination games beat the closing line
The situational edge pure stats miss — and how the bot factors it in before every pre-game alert.
6 MIN READ
Get the morning brief
One email. Market structure, what's trending in AI tools, and what's live on the bots. No spam, unsubscribe anytime.
Subscribe