/* TradeAlone Professional Landing Page */
body { margin:0; font-family:'Inter',sans-serif; color:#222; background:#fff; }
.container { width:min(1100px,90%); margin:0 auto; }
h1,h2,h3 { font-weight:700; margin:0 0 16px; }
h1 { font-size:3rem; }
h2 { font-size:2rem; }
p { color:#555; line-height:1.6; }
a { text-decoration:none; color:inherit; }

.header { background:#fff; border-bottom:1px solid #eee; position:sticky; top:0; z-index:10; }
.nav-row { display:flex; justify-content:space-between; align-items:center; padding:16px 0; }
.logo { display:flex; align-items:center; gap:10px; font-weight:700; font-size:20px; }
.logo img { width:32px; height:32px; }
.nav a { margin-left:20px; color:#333; font-weight:500; }
.btn { padding:10px 18px; border-radius:6px; font-weight:600; }
.btn.primary { background:#2b6cff; color:#fff; }
.btn.ghost { border:1px solid #ccc; color:#333; }
.btn.small { padding:6px 12px; font-size:14px; }

.hero { padding:60px 0; background:linear-gradient(135deg,#f8fbff,#eef3ff); }
.hero-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.hero-copy h1 { font-size:2.5rem; }
.highlight { color:#2b6cff; }
.subtext { font-size:1.1rem; margin-bottom:20px; }
.cta { display:flex; gap:12px; }

.hero-art img { width:100%; max-width:400px; border-radius:20px; box-shadow:0 10px 30px rgba(0,0,0,.1); }

.features { padding:60px 0; text-align:center; }
.features-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:20px; margin-top:30px; }
.card { background:#fafafa; padding:20px; border-radius:12px; border:1px solid #eee; box-shadow:0 4px 10px rgba(0,0,0,.05); }
.card img { width:40px; margin-bottom:12px; }

.how { padding:60px 0; background:#f9f9f9; }
.how-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.how-art img { width:100%; border-radius:16px; box-shadow:0 8px 20px rgba(0,0,0,.08); }

.shots { padding:60px 0; text-align:center; }
.shots-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); gap:20px; margin-top:20px; }
.shots-grid img { width:100%; border-radius:12px; box-shadow:0 6px 16px rgba(0,0,0,.08); }

.download { padding:60px 0; background:linear-gradient(135deg,#eef3ff,#f8fbff); }
.download-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.store-badge { width:200px; margin:12px 0; }
.download-art img { width:100%; max-width:360px; border-radius:16px; box-shadow:0 8px 24px rgba(0,0,0,.12); }

.footer { padding:40px 0; background:#111; color:#eee; }
.footer-grid { display:grid; grid-template-columns:1fr 1fr 1fr; gap:30px; }
.footer a { display:block; margin:4px 0; color:#aaa; }
.logo-small { width:24px; vertical-align:middle; margin-right:6px; }