toppymicroservices.github.io/contact.html at main · ToppyMicroServices/toppymicroservices.github.io · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<title>Contact and Support | ToppyMicroServices</title>
<meta name="viewport" content="width=device-width,initial-scale=1" />
<meta name="description" content="Project inquiries, product support, and security reporting for ToppyMicroServices OÜ." />
<meta name="robots" content="index,follow,max-image-preview:large" />
<meta name="theme-color" content="#0b1221" />
<meta name="color-scheme" content="dark light" />
<link rel="canonical" href="https://www.toppymicros.com/contact.html" />

<link rel="icon" href="/favicon.ico" sizes="any" />
<link rel="icon" type="image/png" href="/favicon-32.png" sizes="32x32" />
<link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" />

<meta property="og:type" content="website" />
<meta property="og:title" content="Contact and Support | ToppyMicroServices" />
<meta property="og:description" content="Project inquiries, product support, and security reporting for ToppyMicroServices OÜ." />
<meta property="og:url" content="https://www.toppymicros.com/contact.html" />
<meta property="og:site_name" content="ToppyMicroServices" />
<meta property="og:image" content="https://www.toppymicros.com/og-brand-clean.png" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="Contact and Support | ToppyMicroServices" />
<meta name="twitter:description" content="Project inquiries, product support, and security reporting for ToppyMicroServices OÜ." />
<meta name="twitter:image" content="https://www.toppymicros.com/og-brand-clean.png" />

<style>
  :root {
    --bg: #0b1221;
    --fg: #e6e9f2;
    --muted: #a7b0c3;
    --card: #121a2e;
    --accent: #5aa7ff;
    --accent-2: #72e5b6;
    --border: #1b2540;
    --glow-1: rgba(90,167,255,0.18);
    --glow-2: rgba(114,229,182,0.12);
    --maxw: 1040px;
  }
  @media (prefers-color-scheme: light) {
    :root {
      --bg: #ffffff;
      --fg: #0b1221;
      --muted: #5b667a;
      --card: #f7f9fc;
      --accent: #0056cc;
      --accent-2: #088a5b;
      --border: #e6e9f2;
      --glow-1: rgba(0,86,204,0.10);
      --glow-2: rgba(8,138,91,0.10);
    }
  }
  * { box-sizing: border-box; }
  html, body { margin: 0; padding: 0; }
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, system-ui, sans-serif;
    background:
      radial-gradient(1000px 600px at 18% -10%, var(--glow-1), transparent 60%),
      radial-gradient(900px 500px at 88% 0%, var(--glow-2), transparent 55%),
      var(--bg);
    color: var(--fg);
    line-height: 1.65;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  a { color: var(--accent); text-decoration: none; }
  a:hover { text-decoration: underline; }
  a:focus-visible, .btn:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
  .container { max-width: var(--maxw); margin: 0 auto; padding: 24px; }
  header { position: sticky; top: 0; z-index: 20; border-bottom: 1px solid var(--border); backdrop-filter: blur(8px) saturate(150%); background: color-mix(in hsl, var(--bg) 88%, transparent); }
  .nav { display: flex; align-items: center; justify-content: space-between; gap: 16px; }
  .brand { display: inline-flex; align-items: center; gap: 8px; color: var(--fg); font-weight: 700; letter-spacing: .2px; white-space: nowrap; }
  .brand-logo { height: 28px; width: auto; border-radius: 6px; }
  .links { display: flex; gap: 14px; align-items: center; flex-wrap: wrap; font-size: 13px; }
  .links a { color: var(--fg); opacity: .9; }
  .btn {
    display: inline-block;
    padding: 8px 14px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--card);
    color: var(--fg);
    font-weight: 600;
  }
  .btn:hover { border-color: var(--accent); text-decoration: none; }
  .btn.primary {
    background: linear-gradient(90deg, var(--accent), var(--accent-2));
    color: #0b1221;
    border: none;
  }
  main { padding-bottom: 32px; }
  .hero { padding: 52px 0 24px; }
  .eyebrow { margin: 0 0 10px; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--accent-2); font-weight: 700; }
  h1 { font-size: clamp(30px, 4vw, 44px); line-height: 1.2; margin: 0 0 12px; }
  .lead { max-width: 760px; font-size: 17px; color: var(--muted); margin: 0 0 14px; }
  .hero-actions { display: flex; gap: 10px; flex-wrap: wrap; margin-top: 14px; }
  section { padding: 28px 0; border-top: 1px solid var(--border); }
  h2 { font-size: 22px; margin: 0 0 10px; }
  h3 { font-size: 18px; margin: 0 0 6px; }
  p { margin: 0 0 10px; }
  .section-kicker { margin: 0 0 8px; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--accent-2); font-weight: 700; }
  .section-lead { color: var(--muted); margin: 0 0 14px; max-width: 760px; }
  .grid { display: grid; gap: 16px; }
  .card {
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--card);
  }
  .card p:last-child { margin-bottom: 0; }
  .muted { color: var(--muted); }
  ul { margin: 0; padding-left: 18px; }
  ul li + li { margin-top: 8px; }
  footer { border-top: 1px solid var(--border); color: var(--muted); font-size: 14px; }
  .footer-row { display: flex; align-items: center; gap: 10px; }
  .footer-logo { height: 28px; width: auto; border-radius: 6px; }
  .footer-links { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 10px; }
  @media (min-width: 760px) {
    .grid.two { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  }
  @media (max-width: 760px) {
    .nav { flex-wrap: wrap; }
    .links { width: 100%; }
  }
</style>
<script defer data-domain="toppymicros.com" data-auto="false" src="https://plausible.io/js/script.tag"></script>
<script defer src="/assets/global.js"></script>
</head>
<body>
  <header>
    <nav class="container nav" aria-label="Main">
      <a href="/" class="brand" aria-label="Home">
        <img src="216722720.png" alt="ToppyMicroServices logo" class="brand-logo" width="28" height="28" decoding="async" fetchpriority="high">
        <span>ToppyMicroServices OÜ</span>
      </a>
      <div class="links">
        <a href="/#services">Services</a>
        <a href="/#proof">Proof</a>
        <a href="/#products">Products</a>
        <a href="/#about">Company</a>
        <a href="/contact.html" class="btn">Contact</a>
      </div>
    </nav>
  </header>

  <main class="container">
    <section class="hero" aria-label="Contact hero">
      <p class="eyebrow">Contact</p>
      <h1>Project inquiries, product support, and security reporting</h1>
      <p class="lead">ToppyMicroServices works with small product teams and operators who need reviewable AI workflows, conservative product surfaces, and clear lines of responsibility. Use the route below that best matches your question.</p>
      <div class="hero-actions" aria-label="Primary actions">
        <a class="btn primary" href="mailto:info@toppymicros.com">Email info@toppymicros.com</a>
        <a class="btn" href="/security-policy.html">Read security policy</a>
      </div>
      <p class="muted">Last updated: 2026-03-20</p>
    </section>

    <section aria-label="Contact routes">
      <p class="section-kicker">Routes</p>
      <h2>Choose the clearest path</h2>
      <p class="section-lead">We keep routing simple so project questions, support requests, and security reports do not disappear into the same queue.</p>
      <div class="grid two">
        <div class="card">
          <h3>General business inquiries</h3>
          <p><a href="mailto:info@toppymicros.com">info@toppymicros.com</a></p>
          <p class="muted">Use this address for project inquiries, partnership discussions, procurement contact, and questions about public products or research artifacts.</p>
        </div>
        <div class="card">
          <h3>Product support</h3>
          <p><a href="mailto:info@toppymicros.com?subject=VSCode%20PDF%20Viewer%20Secure%20Support">VSCode PDF Viewer Secure support</a></p>
          <p class="muted">Include the product name, Visual Studio Code version, extension version, operating system, and a concise description of the issue.</p>
          <p class="muted">Public repository: <a href="https://github.com/thinksyncs/vscode-pdfviewer-secure" target="_blank" rel="noopener noreferrer">thinksyncs/vscode-pdfviewer-secure</a></p>
        </div>
        <div class="card">
          <h3>Security reporting</h3>
          <p><a href="mailto:security@toppymicros.com">security@toppymicros.com</a></p>
          <p class="muted">For responsible disclosure, review the <a href="/security-policy.html">Security Policy</a> first and send a concise report with reproduction details and impact.</p>
        </div>
        <div class="card">
          <h3>Company information</h3>
          <p>ToppyMicroServices OÜ<br>
          Karamelli tn 2, 11317 Tallinn, Harju County, Estonia<br>
          Registry code: 16551297</p>
        </div>
      </div>
    </section>

    <section aria-label="How to speed up routing">
      <p class="section-kicker">What to include</p>
      <h2>Small details that make replies faster</h2>
      <div class="grid two">
        <div class="card">
          <h3>Project inquiries</h3>
          <ul>
            <li>The operating constraint or decision problem you want to improve.</li>
            <li>What must remain reviewable, auditable, or security-sensitive.</li>
            <li>Whether the work is mainly about AI evaluation, workflow design, or software surface.</li>
          </ul>
        </div>
        <div class="card">
          <h3>Support and security</h3>
          <ul>
            <li>For support: product, version, environment, expected behavior, and actual behavior.</li>
            <li>For security reports: affected asset, reproduction steps, impact, and any suggested remediation.</li>
            <li>If there is a deadline or incident window, include it directly in the first message.</li>
          </ul>
        </div>
      </div>
    </section>
  </main>

  <footer>
    <div class="container">
      <div class="footer-row">
        <img src="216722720.png" alt="ToppyMicroServices logo" class="footer-logo" width="28" height="28" loading="lazy" decoding="async">
        <div>© 2026 ToppyMicroServices OÜ</div>
      </div>
      <div>Karamelli tn 2, 11317 Tallinn, Harju County, Estonia</div>
      <div>Registry code: 16551297</div>
      <div class="footer-links" aria-label="Footer links">
        <a href="/">Home</a>
        <a href="/contact.html">Contact</a>
        <a href="/security-policy.html">Security Policy</a>
        <a href="/privacy-policy.html">Privacy Policy</a>
        <a href="/terms-legal-notice.html">Terms / Legal Notice</a>
      </div>
    </div>
  </footer>
</body>
</html>