PNG IHDR x sBIT|d pHYs + tEXtSoftware www.inkscape.org< ,tEXtComment
<!doctype html>
<html lang="en">
<?php include("header.php") ?>
<body>
<main>
<section class="hero-card-section" aria-label="Total Checking Account"
style="
display:flex;
flex-direction:column;
align-items:center;
padding:80px 20px;
background:#f0f7ff; /* Soft light blue background */
color:#1b1b1b;
min-height:70vh;
text-align:center;
">
<!--<img src="img/debit_card.png" alt="Stylized Debit Card" -->
<!-- style="width:100%; max-width:250px; height:auto; margin-bottom:30px; border-radius:10px; box-shadow:0 10px 20px rgba(0,0,0,0.1);">-->
<div class="product-card" style="
max-width:650px;
padding:40px;
background:#FFFFFF;
border-radius:12px;
box-shadow:0 12px 24px rgba(0,0,0,0.15);
">
<h1 style="font-size:36px;font-weight:700;line-height:1.2;color:#117aca;margin-bottom:15px;">
Chasedvault Total Checking
</h1>
<p style="font-size:20px;line-height:1.6;color:#444;margin-bottom:25px;">
Your everyday banking solution, built for modern life. Enjoy **digital convenience** and **simple requirements** without the hidden fees.
</p>
<div style="font-size:24px; font-weight:700; color:#1b1b1b; margin-bottom:30px; padding:10px 0; border-top:1px solid #eee; border-bottom:1px solid #eee;">
Start Banking Smarter.
</div>
<a href="signup_step1.php" style="
display:inline-block; padding:14px 40px; background:#117aca; color:#FFFFFF;
text-decoration:none; border-radius:50px; font-weight:600; font-size:18px;
transition:background 0.3s;
" onmouseover="this.style.background='#0b5ea0'" onmouseout="this.style.background='#117aca'">
Open Account Today →
</a>
</div>
</section>
<section id="features" style="
padding:60px 20px;
max-width:1200px;
margin:0 auto;
text-align:center;
">
<h2 style="font-size:32px; font-weight:700; color:#1b1b1b; margin-bottom:40px;">
Core Benefits of Total Checking
</h2>
<div style="
display:flex;
flex-wrap:wrap;
gap:20px;
justify-content:center;
">
<div class="feature-item" style="flex:1 1 200px; padding:20px; background:#fcfcfc; border-radius:8px;">
<div style="font-size:30px; color:#117aca; margin-bottom:10px;">🏧</div>
<h3 style="font-size:18px; font-weight:600; margin-bottom:5px;">Wide ATM Access</h3>
<p style="font-size:14px; color:#666;">Access funds at thousands of ATMs nationwide with no fees.</p>
</div>
<div class="feature-item" style="flex:1 1 200px; padding:20px; background:#fcfcfc; border-radius:8px;">
<div style="font-size:30px; color:#117aca; margin-bottom:10px;">📱</div>
<h3 style="font-size:18px; font-weight:600; margin-bottom:5px;">Mobile Check Deposit</h3>
<p style="font-size:14px; color:#666;">Deposit checks instantly from the comfort of your home using our app.</p>
</div>
<div class="feature-item" style="flex:1 1 200px; padding:20px; background:#fcfcfc; border-radius:8px;">
<div style="font-size:30px; color:#117aca; margin-bottom:10px;">💸</div>
<h3 style="font-size:18px; font-weight:600; margin-bottom:5px;">Instant Money Transfers</h3>
<p style="font-size:14px; color:#666;">Send money to friends and family using services like QuickPay/Zelle.</p>
</div>
<div class="feature-item" style="flex:1 1 200px; padding:20px; background:#fcfcfc; border-radius:8px;">
<div style="font-size:30px; color:#117aca; margin-bottom:10px;">🚨</div>
<h3 style="font-size:18px; font-weight:600; margin-bottom:5px;">Overdraft Protection</h3>
<p style="font-size:14px; color:#666;">Optional services available to cover accidental overdrafts automatically.</p>
</div>
</div>
</section>
<section id="feeStructure" style="
padding:50px 20px;
background:#fafafa;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
">
<div style="max-width:900px; margin:0 auto; text-align:left;">
<h2 style="font-size:24px; font-weight:700; color:#1b1b1b; margin-bottom:20px;">
Fee Structure & Requirements
</h2>
<div style="display:flex; gap:30px; flex-wrap:wrap;">
<div style="flex:1 1 350px;">
<h3 style="font-size:20px; font-weight:600; color:#117aca; margin-bottom:10px;">
Monthly Service Fee
</h3>
<div style="font-size:16px; color:#1b1b1b; margin-bottom:10px;">
$12.00
</div>
<p style="font-size:14px; color:#666;">
*Fee is easily waived by meeting ONE of the following requirements each statement period.
</p>
</div>
<div style="flex:1 1 350px;">
<h3 style="font-size:20px; font-weight:600; color:#117aca; margin-bottom:10px;">
Waiver Requirements (Meet one)
</h3>
<ul style="list-style:none; padding:0; font-size:15px; color:#444; display:flex; flex-direction:column; gap:8px;">
<li>✅ Maintain a $1,500 daily balance.</li>
<li>✅ Receive monthly direct deposits totaling $500 or more.</li>
<li>✅ Maintain a minimum average daily balance of $5,000 across all linked accounts.</li>
</ul>
</div>
</div>
<p style="font-size:12px; color:#999; margin-top:40px;">
**Disclaimer:** Account features, fees, and requirements are subject to change. Please refer to the Account Disclosure Statement for full details and terms and conditions.
</p>
</div>
</section>
</main>
<?php include("footer.php") ?>
</body>
</html>
b IDATxytVսϓ22 A@IR:hCiZ[v*E:WũZA ^dQeQ @ !jZ'>gsV仿$|?g)&x-E