/* TradinZ shares its ink, ice-blue accent, and glass surfaces with the apps. */
body.tradinz { --bg:#0b1018; --ink:#e6edf6; --accent:#9bc7ff; --muted:#93a4b8; --wash:#101925; --line:#b5d3fb1b; --panel:#121c29; --heading:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; background:var(--bg); font-family:var(--heading); -webkit-font-smoothing:antialiased; }
.tradinz .wrap { width:min(1280px,calc(100% - 96px)); }
.tradinz .topbar { position:sticky; top:0; background:#0b1018c9; backdrop-filter:blur(24px) saturate(140%); -webkit-backdrop-filter:blur(24px) saturate(140%); }
.tradinz .nav { height:84px; }
.tradinz .brand { letter-spacing:-.055em; font-size:25px; }
.tradinz .brand-mark { width:38px; height:38px; padding:0; border:0; border-radius:0; transform:none; background:none; flex-shrink:0; }
.tradinz .brand-mark img { width:100%; height:100%; object-fit:contain; }
.hero-identity { display:flex; align-items:center; gap:17px; margin-bottom:28px; }
.hero-app-icon { width:68px; height:68px; flex-shrink:0; border-radius:16px; box-shadow:0 8px 24px #0004; outline:1px solid #c4dfff24; }
.hero-wordmark { display:block; font-size:26px; font-weight:600; letter-spacing:-.055em; line-height:1.2; }
.tradinz .hero-identity .eyebrow { margin:7px 0 0; font-size:9px; letter-spacing:.12em; }
.tradinz .hero-identity .eyebrow::before { display:none; }
.preview-brand, .phone-brand { display:flex; align-items:center; gap:7px; }
.preview-brand img, .phone-brand img { flex-shrink:0; object-fit:contain; }
.phone-beta { font-size:7px; letter-spacing:.12em; color:var(--muted); padding:4px 7px; border:1px solid var(--line); border-radius:5px; }
.footer-identity { display:grid; gap:12px; }
.tradinz .footer .brand { font-size:21px; color:var(--ink); }
.tradinz .footer .brand-mark { width:30px; height:30px; }
.tradinz .btn { border-radius:12px; min-height:48px; font-weight:550; gap:18px; }
.tradinz .btn.secondary { background:#c3ddff06; box-shadow:inset 0 1px 0 #ffffff08; }
.tradinz .hero { padding:100px 0 72px; background:radial-gradient(ellipse at 75% 15%,#5687bd13,transparent 65%); }
.tradinz .hero-grid { grid-template-columns:1.05fr 1fr; gap:64px; }
.tradinz .hero h1 { font-size:clamp(44px,4.7vw,72px); font-weight:520; line-height:1.08; letter-spacing:-.055em; }
.tradinz .hero-copy>p { font-size:17px; line-height:1.8; max-width:46ch; }
.tradinz .eyebrow, .tradinz .section-label { font:500 10px/1.5 var(--heading); letter-spacing:.17em; }
.tradinz .eyebrow::before { width:5px; height:5px; box-shadow:0 0 12px #9bc7ff88; }
.tradinz .research { padding:25px; transform:none; border-radius:22px; background:linear-gradient(135deg,#c4dfff0c,#c4dfff02),#101925; border:1px solid #c4dfff24; box-shadow:inset 0 1px 0 #ffffff18,0 30px 70px #0004; }
.preview-navigation { display:flex; gap:6px; flex-wrap:wrap; margin:-9px -9px 22px; padding:8px; border-radius:12px; background:#09111c70; border:1px solid #c4dfff0b; }
.preview-navigation span { font-size:10px; color:var(--muted); padding:7px 9px; }
.preview-navigation span:first-child { color:var(--accent); background:#9bc7ff13; border-radius:7px; }
.tradinz .window-bar { padding-bottom:16px; flex-wrap:wrap; gap:8px; }
.tradinz .scenario-value { font-family:var(--heading); font-weight:500; letter-spacing:-.045em; }
.tradinz .chart-line { stroke:#65d6b0; stroke-width:2.5; }
.tradinz .chart-area { fill:#65d6b016; }
.tradinz .chart-grid { stroke:#c4dfff0c; }
.tradinz .research-footer { flex-wrap:wrap; }
.tradinz .trustline { padding:24px 0; }
.tradinz h2 { font-weight:500; font-size:clamp(34px,3.5vw,50px); line-height:1.13; }
.tradinz .features { gap:18px; grid-template-columns:repeat(3,minmax(0,1fr)); }
.tradinz .feature { position:relative; padding:28px; border:1px solid var(--line); border-radius:20px; background:linear-gradient(135deg,#c2ddff0a,#8babd202); box-shadow:inset 0 1px 0 #ffffff0b; min-height:270px; }
.tradinz .feature .number { font:500 10px var(--heading); letter-spacing:.12em; margin-bottom:38px; }
.tradinz .feature h3 { font-size:23px; }
.tradinz .feature p { font-size:14px; line-height:1.8; }
.feature-glyph { position:absolute; top:15px; right:25px; font-size:32px; color:#9bc7ff60; }
.tradinz .band { background:linear-gradient(125deg,#c2ddff03,#8babd207); }
.tradinz .model-equation { background:linear-gradient(135deg,#c2ddff0b,#8babd203); border-radius:20px; font-size:clamp(21px,2.3vw,31px); }
.platforms { display:grid; grid-template-columns:1.15fr 1fr; gap:80px; align-items:center; }
.platform-copy>p { margin-top:24px; color:var(--muted); line-height:1.8; }
.platform-labels { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.platform-labels span { padding:10px 15px; border:1px solid var(--line); border-radius:10px; font-size:12px; color:var(--accent); }
.device-scene { display:grid; justify-items:center; gap:20px; background:radial-gradient(ellipse,#9bc7ff0f,transparent 70%); }
.phone-preview { width:300px; max-width:100%; padding:12px 20px 20px; border:5px solid #26313e; outline:1px solid #91a4b52a; border-radius:43px; background:linear-gradient(140deg,#172436,#0b1018 60%); box-shadow:inset 0 0 0 1px #c2ddff18,0 24px 64px #0005; }
.phone-island { width:82px; height:23px; background:#070b11; border-radius:20px; margin:0 auto 18px; }
.phone-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:26px; font-size:12px; }
.phone-avatar { width:27px; height:27px; display:grid; place-items:center; background:#9bc7ff15; border:1px solid #9bc7ff20; border-radius:9px; color:var(--accent); }
.phone-preview .section-label { font-size:8px; margin-bottom:8px; }
.phone-preview h3 { font-size:28px; }
.phone-preview p { color:var(--muted); font-size:10px; margin:9px 0 18px; }
.phone-search { font-size:10px; color:var(--muted); background:#b5d3fb08; border:1px solid var(--line); padding:9px 12px; border-radius:10px; margin-bottom:15px; }
.phone-list { display:flex; align-items:center; gap:9px; padding:17px 0; border-bottom:1px solid var(--line); font-size:11px; }
.phone-list small { display:block; color:var(--muted); font-size:8px; margin-top:3px; }
.phone-symbol { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; background:#9bc7ff10; color:var(--accent); }
.phone-tag { margin-left:auto; font-size:7px; color:var(--muted); }
.phone-tabs { display:flex; justify-content:space-around; padding:13px 0 8px; margin-top:22px; border:1px solid #c4dfff18; border-radius:20px; background:linear-gradient(125deg,#c2ddff12,#8babd205); color:var(--muted); text-align:center; font-size:18px; }
.phone-tabs small { display:block; font-size:7px; margin-top:2px; }.phone-tabs .selected { color:var(--accent); }
.device-caption { color:var(--muted); font-size:10px; }
.tradinz .access { background:linear-gradient(120deg,#9bc7ff10,#9bc7ff03); border-color:#c4dfff24; box-shadow:inset 0 1px 0 #ffffff10; }
.tradinz .access p, .tradinz .access small { color:var(--muted); }
@media(max-width:1050px) { .tradinz .wrap { width:calc(100% - 56px); }.tradinz .hero-grid { gap:32px; }.tradinz .feature { padding:24px; }.platforms { gap:35px; } }
@media(max-width:760px) { .tradinz .wrap { width:calc(100% - 40px); }.tradinz .nav { height:72px; }.tradinz .hero { padding:54px 0 42px; }.tradinz .hero-grid,.platforms { grid-template-columns:minmax(0,1fr); gap:44px; }.tradinz .hero h1 { font-size:clamp(40px,8.5vw,60px); }.tradinz .features { grid-template-columns:1fr; }.tradinz .feature { display:block; min-height:0; padding:26px; }.tradinz .feature .number { margin:0 0 24px; }.tradinz .research { padding:19px; }.tradinz .scenario-value { font-size:42px; }.tradinz .scenario-value small { display:block; margin:6px 0 0; }.tradinz .visual { max-width:560px; }.tradinz .access { padding:32px 26px; }.tradinz .hero-copy>p { font-size:16px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; }.tradinz .btn { transition:none; } }