<![CDATA[<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>Premium White UI</title>
</head>
<body>
<div class="wrapper">
<!-- HEADER (SAFE) -->
<div class="header">
<div>
<h1>LUMI Startup Dashboard</h1>
<p>Premium analytics experience for modern startups</p>
</div>
<div class="tag">
<img decoding="async" src="https://i.pravatar.cc/100" width="32" height="32" style="border-radius:50%" alt="100" title="Elementor #10740">
<div>@designer_contact</div>
</div>
</div>
<!-- PANEL -->
<div class="panel">
<div class="left">
<h2>Smart financial insights that improve your decisions daily</h2>
</div>
<div class="right">
<div class="card"><span>N1</span>Expense analytics system</div>
<div class="card"><span>N2</span>Smart budget tracking</div>
<div class="card"><span>N3</span>AI spending insights</div>
<div class="card"><span>N4</span>Real-time financial data</div>
<div class="card"><span>N5</span>Visual dashboard UI</div>
<div class="card"><span>N6</span>Replace manual sheets</div>
</div>
</div>
<!-- STATS -->
<div class="stats">
<h2>Performance Results</h2>
<div class="row">
<div class="box">
<div class="circle"><span>70%</span></div>
<div class="desc">Clarity improvement</div>
</div>
<div class="box">
<div class="circle" style="background:conic-gradient(#00ffb3 0% 55%, #1a1a1a 55% 100%);">
<span>55%</span>
</div>
<div class="desc">Spending reduction</div>
</div>
<div class="box">
<div class="circle" style="background:conic-gradient(#00ffb3 0% 92%, #1a1a1a 92% 100%);">
<span>92%</span>
</div>
<div class="desc">User confidence</div>
</div>
</div>
</div>
</div>
</body>
</html>]]>
