<div style="
width: 100%;
box-sizing: border-box;
margin: 0 0 18px;
">
<div style="
width: 100%;
padding: 18px 18px 17px;
border: 1px solid rgba(17, 221, 196, 0.28);
border-radius: 16px;
background: linear-gradient(
180deg,
#ffffff 0%,
rgba(17, 221, 196, 0.07) 100%
);
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
color: #111111;
box-sizing: border-box;
box-shadow: 0 8px 22px rgba(0, 0, 0, 0.06);
text-align: left;
">
<!-- Small label -->
<div style="
display: inline-flex;
align-items: center;
gap: 6px;
margin: 0 0 9px;
font-size: 11px;
line-height: 1.3;
letter-spacing: 0.07em;
text-transform: uppercase;
font-weight: 700;
color: #5b625f;
">
<span style="
width: 7px;
height: 7px;
border-radius: 50%;
background: rgb(17, 221, 196);
display: inline-block;
flex-shrink: 0;
"></span>
Tonal order status
</div>
<!-- Heading -->
<h2 style="
margin: 0 0 7px;
font-size: 21px;
line-height: 1.2;
font-weight: 700;
letter-spacing: -0.02em;
color: #111111;
">
Track your order
</h2>
<!-- Description -->
<p style="
margin: 0;
max-width: 500px;
font-size: 14px;
line-height: 1.5;
color: #555b58;
">
Enter your Order ID below to see the latest status and what to expect next.
</p>
</div>
</div>
