@font-face { font-family: "Rajdhani"; src: url("../assets/fonts/Rajdhani-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Rajdhani"; src: url("../assets/fonts/Rajdhani-Medium.ttf") format("truetype"); font-weight: 500; font-display: swap; }
@font-face { font-family: "Rajdhani"; src: url("../assets/fonts/Rajdhani-SemiBold.ttf") format("truetype"); font-weight: 600; font-display: swap; }
@font-face { font-family: "Rajdhani"; src: url("../assets/fonts/Rajdhani-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root { --primary:#1565d8; --primary-dark:#0a2b73; --ink:#0c2148; --accent:#73c8ff; --background:#f5faff; --surface:#fff; --surface-tint:#eaf4ff; --border:#d6e5f6; --muted:#5f7392; --success:#20a65a; --warning:#f2a100; --danger:#d65d5d; --shadow:0 24px 70px rgba(10,43,115,.12); --shadow-soft:0 12px 35px rgba(10,43,115,.09); --radius-xl:32px; --radius-lg:24px; --radius-md:17px; --container:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; min-height:100vh; font-family:"Rajdhani","Trebuchet MS",sans-serif; color:var(--ink); background:var(--background); }
body::before { content:""; position:fixed; inset:0; pointer-events:none; background:radial-gradient(circle at 88% 8%,rgba(115,200,255,.26),transparent 25%),radial-gradient(circle at 7% 35%,rgba(21,101,216,.07),transparent 22%); }
a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; } button,input,textarea { font:inherit; } :focus-visible { outline:3px solid rgba(21,101,216,.35); outline-offset:3px; }
.page-shell { width:min(calc(100% - 40px),var(--container)); margin:0 auto; position:relative; z-index:1; }

.site-header { min-height:94px; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:30px; border-bottom:1px solid rgba(214,229,246,.8); }
.brand { display:inline-flex; align-items:center; gap:11px; width:fit-content; }.brand-logo-wrap { width:48px; height:48px; display:grid; place-items:center; padding:3px; border-radius:15px; background:var(--surface); box-shadow:0 8px 24px rgba(10,43,115,.1); }.brand-logo { width:43px; height:43px; object-fit:contain; border-radius:12px; }.brand-copy { display:flex; flex-direction:column; line-height:.83; }.brand-copy strong { font-size:1.53rem; letter-spacing:-.02em; }.brand-copy span { color:var(--primary); font-size:.83rem; font-weight:700; letter-spacing:.14em; text-transform:uppercase; }
.site-nav { display:flex; justify-content:center; align-items:center; gap:34px; color:var(--muted); font-weight:600; }.site-nav a { position:relative; padding:9px 2px; }.site-nav a::after { content:""; position:absolute; left:50%; right:50%; bottom:3px; height:2px; border-radius:99px; background:var(--primary); transition:left .18s ease,right .18s ease; }.site-nav a:hover { color:var(--primary-dark); }.site-nav a:hover::after { left:0; right:0; }
.header-cta { display:inline-flex; align-items:center; gap:10px; padding:12px 18px; border-radius:13px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-dark)); font-weight:700; box-shadow:0 10px 24px rgba(21,101,216,.2); }

.hero { min-height:660px; display:grid; grid-template-columns:1.02fr .98fr; align-items:center; gap:54px; padding:62px 0 74px; }
.eyebrow,.section-label { margin:0 0 16px; color:var(--primary); text-transform:uppercase; letter-spacing:.16em; font-size:.87rem; font-weight:700; }.eyebrow { display:flex; align-items:center; gap:10px; }.eyebrow-dot { width:8px; height:8px; border-radius:50%; background:var(--success); box-shadow:0 0 0 6px rgba(32,166,90,.11); }
h1,h2,h3 { margin:0; line-height:1; letter-spacing:-.03em; } h1 { font-size:clamp(3.7rem,6.5vw,6.2rem); max-width:8ch; } h1 span,h2 span { color:var(--primary); } h2 { font-size:clamp(2.4rem,4vw,4rem); } h3 { font-size:1.55rem; } p,li { font-size:1.08rem; line-height:1.55; }
.hero-text { max-width:525px; margin:24px 0 0; color:var(--muted); font-size:1.25rem; }.hero-actions { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.button,.store-button { min-height:62px; display:inline-flex; align-items:center; justify-content:center; border-radius:15px; font-weight:700; transition:transform .18s ease,box-shadow .18s ease; }.button:hover,.store-button:hover,.header-cta:hover { transform:translateY(-2px); }
.store-button { gap:12px; padding:10px 20px; color:#fff; background:#081d3c; box-shadow:0 13px 28px rgba(8,29,60,.2); }.store-button>span:last-child,.button>span:last-child { display:flex; flex-direction:column; line-height:1.05; text-align:left; }.store-button small,.button small { display:block; font-size:.67rem; letter-spacing:.12em; font-weight:600; opacity:.74; }.store-button strong { font-size:1.25rem; }.store-icon { display:grid; place-items:center; width:27px; height:27px; font-size:1.35rem; color:#55d6a4; }
.button-secondary { gap:11px; min-width:190px; padding:10px 20px; color:var(--primary-dark); border:1px solid var(--border); background:var(--surface); box-shadow:var(--shadow-soft); }.download-icon { font-size:1.55rem; line-height:1; color:var(--primary); }.download-note { margin:17px 0 0; color:var(--muted); font-size:.92rem; font-weight:600; }.download-note span { color:var(--success); }

.app-showcase { min-height:520px; position:relative; display:grid; place-items:center; }.app-showcase::before { content:""; position:absolute; width:450px; height:450px; border-radius:50%; background:linear-gradient(145deg,rgba(115,200,255,.38),rgba(21,101,216,.12)); }.orbit { position:absolute; border:1px solid rgba(21,101,216,.17); border-radius:50%; }.orbit-one { width:510px; height:350px; transform:rotate(-22deg); }.orbit-two { width:370px; height:500px; transform:rotate(31deg); }
.phone-frame { z-index:2; width:276px; height:525px; padding:8px; border-radius:39px; background:#071c3b; box-shadow:0 42px 80px rgba(10,43,115,.28),inset 0 0 0 2px rgba(255,255,255,.12); transform:rotate(2deg); }.phone-top { height:21px; position:absolute; width:260px; z-index:3; display:grid; place-items:center; }.phone-top span { width:72px; height:17px; border-radius:0 0 14px 14px; background:#071c3b; }.phone-screen { height:100%; overflow:hidden; padding:28px 14px 15px; border-radius:31px; background:linear-gradient(180deg,#f8fcff,#eef7ff); }
.phone-header { display:flex; justify-content:space-between; align-items:center; }.phone-brand { display:flex; align-items:center; gap:6px; font-weight:700; }.phone-brand img { width:25px; height:25px; border-radius:7px; background:#fff; }.notification-bell { color:var(--primary); font-size:.65rem; padding:7px; border-radius:9px; background:var(--surface); box-shadow:0 6px 14px rgba(10,43,115,.08); }.welcome-row { display:flex; flex-direction:column; margin:21px 0 13px; }.welcome-row span { color:var(--muted); font-size:.75rem; }.welcome-row strong { font-size:1.18rem; }
.wallet-card { min-height:144px; position:relative; overflow:hidden; display:flex; flex-direction:column; padding:19px; border-radius:19px; color:#fff; background:linear-gradient(145deg,var(--primary),var(--primary-dark)); box-shadow:0 16px 34px rgba(21,101,216,.28); }.wallet-card::after { content:""; position:absolute; width:150px; height:150px; top:-65px; right:-52px; border-radius:50%; border:26px solid rgba(255,255,255,.08); }.wallet-card>span { font-size:.78rem; opacity:.75; }.wallet-card>strong { margin-top:18px; font-size:1.13rem; }.wallet-card>small { margin-top:4px; opacity:.7; }.wallet-mark { position:absolute; right:14px; bottom:12px; width:40px; height:40px; padding:3px; border-radius:12px; background:rgba(255,255,255,.9); }
.quick-title { display:flex; justify-content:space-between; margin:20px 2px 10px; font-size:.83rem; }.quick-title span { color:var(--primary); }.quick-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; }.quick-grid>div { min-height:68px; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; border:1px solid var(--border); border-radius:13px; background:#fff; }.quick-icon { color:var(--primary); font-weight:700; }.quick-grid small { color:var(--muted); font-size:.65rem; }
.status-card { margin-top:14px; display:flex; align-items:center; gap:10px; padding:12px; border-radius:13px; background:#e4f8ec; }.status-card>span { display:grid; place-items:center; width:28px; height:28px; border-radius:9px; color:#fff; background:var(--success); }.status-card div { display:flex; flex-direction:column; }.status-card strong { font-size:.78rem; }.status-card small { color:#43805b; font-size:.64rem; }
.float-chip { z-index:3; position:absolute; display:flex; align-items:center; gap:10px; min-width:190px; padding:12px 14px; border:1px solid rgba(214,229,246,.9); border-radius:15px; background:rgba(255,255,255,.93); box-shadow:0 18px 38px rgba(10,43,115,.14); backdrop-filter:blur(8px); }.float-chip>span { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; color:#fff; background:var(--success); }.float-chip div { display:flex; flex-direction:column; }.float-chip strong { font-size:.85rem; }.float-chip small { color:var(--muted); font-size:.68rem; }.float-chip-top { right:-10px; top:100px; }.float-chip-bottom { left:-20px; bottom:80px; }.float-chip-bottom>span { background:var(--primary); }

.trust-strip { display:grid; grid-template-columns:repeat(3,1fr); margin-bottom:110px; padding:24px 0; border-top:1px solid var(--border); border-bottom:1px solid var(--border); }.trust-strip>div { display:flex; align-items:center; justify-content:center; gap:15px; padding:5px 25px; }.trust-strip>div+div { border-left:1px solid var(--border); }.trust-strip>div>span { color:var(--primary); font-weight:700; font-size:.88rem; }.trust-strip p { display:flex; flex-direction:column; margin:0; line-height:1.2; }.trust-strip small { margin-top:4px; color:var(--muted); }
.feature-section { padding:0 0 120px; }.section-heading { max-width:660px; }.centered-heading { margin:0 auto 45px; text-align:center; }.section-heading>p:last-child { color:var(--muted); margin:18px auto 0; max-width:590px; }.section-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }
.info-card,.mini-card,.legal-card,.contact-card { position:relative; padding:30px; border:1px solid var(--border); border-radius:var(--radius-lg); background:rgba(255,255,255,.94); box-shadow:var(--shadow-soft); }.info-card { min-height:285px; overflow:hidden; transition:transform .18s ease,border-color .18s ease; }.info-card:hover { transform:translateY(-5px); border-color:#a9c9ee; }.featured-card { background:linear-gradient(145deg,var(--primary),var(--primary-dark)); color:#fff; border-color:transparent; }.featured-card p { color:rgba(255,255,255,.72)!important; }.featured-card .feature-icon { color:var(--primary); background:#fff; }.featured-card .card-number { color:rgba(255,255,255,.55); }
.feature-icon { width:52px; height:52px; display:grid; place-items:center; margin-bottom:30px; border-radius:15px; color:#fff; background:linear-gradient(145deg,var(--primary),var(--primary-dark)); font-size:1.35rem; font-weight:700; box-shadow:0 10px 24px rgba(21,101,216,.18); }.info-card p,.mini-card p,.legal-card p,.contact-card p { color:var(--muted); margin:14px 0 0; }.card-number { position:absolute; right:24px; bottom:20px; color:#bdd0e8; font-size:2.1rem; font-weight:700; }

.safety-section { display:grid; grid-template-columns:.9fr 1.1fr; gap:85px; align-items:center; min-height:520px; margin-bottom:110px; padding:55px 70px; border-radius:var(--radius-xl); background:linear-gradient(145deg,#e8f4ff,#fafdff); overflow:hidden; }.safety-visual { min-height:350px; position:relative; display:grid; place-items:center; }.safety-ring { position:absolute; border-radius:50%; border:1px solid rgba(21,101,216,.15); }.ring-one { width:330px; height:330px; }.ring-two { width:245px; height:245px; border:36px solid rgba(115,200,255,.12); }
.shield-card { z-index:2; width:220px; height:250px; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; padding:30px; color:#fff; background:linear-gradient(155deg,var(--primary),var(--primary-dark)); clip-path:polygon(50% 0,92% 15%,86% 72%,50% 100%,14% 72%,8% 15%); filter:drop-shadow(0 22px 22px rgba(10,43,115,.23)); }.shield-card>span { width:58px; height:58px; display:grid; place-items:center; margin-bottom:16px; border-radius:50%; color:var(--primary); background:#fff; font-size:1.7rem; font-weight:700; }.shield-card strong { font-size:1.2rem; }.shield-card small { margin-top:5px; opacity:.7; }.safety-copy>p:not(.section-label) { color:var(--muted); max-width:520px; }
.check-list { display:grid; gap:12px; padding:0; margin:25px 0; list-style:none; }.check-list li { display:flex; align-items:center; gap:11px; font-weight:600; }.check-list span { width:24px; height:24px; display:grid; place-items:center; border-radius:8px; color:var(--success); background:#ddf5e7; font-size:.75rem; }.text-link { display:inline-flex; align-items:center; gap:8px; color:var(--primary); font-weight:700; }.text-link:hover { color:var(--primary-dark); }

.download-section { display:flex; align-items:center; justify-content:space-between; gap:40px; margin-bottom:28px; padding:48px 55px; border-radius:var(--radius-xl); color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-dark)); box-shadow:0 28px 60px rgba(10,43,115,.2); overflow:hidden; position:relative; }.download-section::after { content:""; position:absolute; width:360px; height:360px; right:-140px; top:-150px; border:60px solid rgba(255,255,255,.06); border-radius:50%; }.download-section>* { position:relative; z-index:1; }.download-section .section-label { color:#bce5ff; }.download-section p:last-child { margin-bottom:0; color:rgba(255,255,255,.7); }.download-actions { display:flex; flex-wrap:wrap; gap:12px; justify-content:flex-end; }.light-store { background:#071a37; }.button-light { gap:10px; padding:10px 18px; color:var(--primary-dark); background:#fff; }.button-light .download-icon { color:var(--primary); }
.contact-section { padding:16px 0 40px; }.contact-card { display:flex; align-items:center; justify-content:space-between; gap:30px; box-shadow:none; }.contact-card h2 { font-size:2.2rem; }.button-primary { gap:12px; padding:12px 22px; color:#fff; background:linear-gradient(135deg,var(--primary),var(--primary-dark)); box-shadow:0 12px 30px rgba(21,101,216,.2); }
.site-footer { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:24px; padding:35px 0 45px; border-top:1px solid var(--border); color:var(--muted); }.site-footer p { margin:0; font-size:.95rem; text-align:center; }.footer-brand .brand-logo-wrap { width:40px; height:40px; }.footer-brand .brand-logo { width:35px; height:35px; }.footer-brand .brand-copy strong { font-size:1.2rem; }.footer-links { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:18px; }.footer-links a:hover { color:var(--primary); }

/* Shared legal and support pages */
.legal-page { padding:35px 0 55px; }.legal-hero { padding:35px 0 25px; }.legal-hero h1 { max-width:12ch; font-size:clamp(3rem,6vw,5rem); }.legal-meta { color:var(--primary); font-weight:600; }.legal-card+.legal-card { margin-top:18px; }.legal-card h2 { font-size:2rem; }.legal-card h3 { margin-top:24px; }.legal-list,.legal-steps,.compact-steps { color:var(--muted); padding-left:23px; }.legal-list li+li,.legal-steps li+li,.compact-steps li+li { margin-top:9px; }.contact-box,.notice-card { margin-top:18px; padding:20px; border-radius:var(--radius-md); background:var(--surface-tint); border:1px solid var(--border); }.notice-card { border-left:4px solid var(--warning); }.notice-card strong { color:#9b6500; }.deletion-layout { display:grid; grid-template-columns:1.35fr .65fr; gap:20px; margin-bottom:18px; }.deletion-form-card form { display:grid; gap:10px; margin-top:22px; }.deletion-form-card label { margin-top:7px; font-weight:600; }.deletion-form-card label span { color:var(--muted); font-weight:400; }.deletion-form-card label strong,.form-error { color:var(--danger); }.deletion-form-card input,.deletion-form-card textarea { width:100%; padding:13px 14px; color:var(--ink); border:1px solid var(--border); border-radius:12px; background:#fff; }.deletion-form-card textarea { resize:vertical; }.check-row { display:flex; align-items:flex-start; gap:10px; padding:10px 0; }.check-row input { width:20px; height:20px; flex:0 0 20px; margin:2px 0 0; }.form-error { min-height:1.5em; margin:0!important; font-weight:700; }.deletion-form-card button { border:0; cursor:pointer; }.is-hidden { display:none; }

@media (max-width:980px) { .hero { grid-template-columns:1fr; padding-top:55px; }.hero-copy { text-align:center; }.hero-copy h1,.hero-text { margin-left:auto; margin-right:auto; }.eyebrow,.hero-actions { justify-content:center; }.app-showcase { margin-top:15px; }.section-grid { grid-template-columns:1fr; }.info-card { min-height:230px; }.safety-section { grid-template-columns:1fr; gap:35px; padding:45px; }.download-section { flex-direction:column; align-items:flex-start; }.download-actions { justify-content:flex-start; }.site-footer { grid-template-columns:1fr; justify-items:center; }.footer-links { justify-content:center; }.deletion-layout { grid-template-columns:1fr; } }
@media (max-width:700px) { .page-shell { width:min(calc(100% - 24px),var(--container)); }.site-header { min-height:78px; grid-template-columns:1fr auto; }.site-nav { display:none; }.header-cta { padding:10px 14px; }.hero { min-height:auto; padding:50px 0 60px; gap:20px; }.hero-copy { text-align:left; }.hero-copy h1,.hero-text { margin-left:0; }.eyebrow,.hero-actions { justify-content:flex-start; }.hero-actions>a { width:100%; }.app-showcase { min-height:500px; transform:scale(.86); margin:-20px -40px; }.float-chip-top { right:5px; }.float-chip-bottom { left:5px; }.trust-strip { grid-template-columns:1fr; margin-bottom:80px; }.trust-strip>div { justify-content:flex-start; padding:17px 25px; }.trust-strip>div+div { border-left:0; border-top:1px solid var(--border); }.feature-section { padding-bottom:80px; }.safety-section { margin-bottom:80px; padding:30px 20px; }.safety-visual { transform:scale(.84); margin:-25px; }.download-section { padding:35px 24px; }.download-actions,.download-actions>a { width:100%; }.contact-card { flex-direction:column; align-items:flex-start; }.contact-card .button { width:100%; }.legal-hero { padding-top:25px; }.legal-card { padding:22px; } }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } *,*::before,*::after { transition-duration:.01ms!important; } }