@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#101828;--muted:#667085;--blue:#2448ed;--pale:#f4f6fb;--line:#e7eaf1}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"DM Sans",Arial,sans-serif;background:#fff}.topbar,footer{display:flex;align-items:center;justify-content:space-between;padding:22px max(6vw,24px);border-bottom:1px solid var(--line)}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-family:Manrope,sans-serif;font-weight:800;letter-spacing:.03em}.brand-mark{width:35px;height:35px;border-radius:11px;background:var(--blue);color:white;display:grid;place-items:center;font-size:20px}.muted{color:#8790a2}.nav-cta{color:var(--blue);font-weight:700;text-decoration:none}.hero{padding:78px max(8vw,24px) 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;background:linear-gradient(120deg,#f7f8fc,#fff 65%);overflow:hidden}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--blue)}h1,h2{font-family:Manrope,Arial,sans-serif;letter-spacing:-.045em}h1{font-size:clamp(48px,6vw,78px);line-height:1.04;margin:18px 0}h1 span{color:var(--blue)}.intro{font-size:17px;line-height:1.7;color:var(--muted);max-width:500px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:10px;text-decoration:none;font-weight:700;font-size:14px}.primary{background:var(--blue);color:#fff}.secondary{border:1px solid #d9deea;color:var(--ink);background:#fff}.small-note{font-size:12px;color:var(--muted);margin-top:25px}.hero-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center}.glow{position:absolute;width:330px;height:330px;border-radius:50%;background:#e3e9ff;filter:blur(2px)}.phone{position:absolute;width:175px;height:330px;border:8px solid #18213c;border-radius:30px;background:#111a35;box-shadow:0 25px 55px #18213c30}.phone-back{transform:translate(-55px,-5px) rotate(-12deg);background:linear-gradient(145deg,#8096ff,#283dc0)}.phone-front{transform:translate(55px,8px) rotate(9deg);padding:7px;background:#111}.screen{height:100%;border-radius:19px;background:radial-gradient(circle at 60% 65%,#6079ff,#18224d 55%,#080e24);position:relative;overflow:hidden}.camera{position:absolute;top:9px;left:50%;transform:translateX(-50%);width:48px;height:11px;border-radius:20px;background:#080b15}.screen-line{position:absolute;left:20px;right:20px;top:48px;height:2px;background:#ffffff50}.screen-orb{position:absolute;width:140px;height:140px;border-radius:50%;background:#8b9dff55;filter:blur(15px);top:100px;left:10px}.floating-tag{position:absolute;bottom:15px;right:0;background:#fff;border:1px solid var(--line);padding:12px 16px;border-radius:9px;font-size:10px;letter-spacing:.1em;font-weight:700;box-shadow:0 10px 25px #11182712}.trust-row{display:flex;justify-content:center;gap:clamp(35px,10vw,150px);padding:28px 20px;border-bottom:1px solid var(--line)}.trust-row div{display:flex;flex-direction:column;gap:3px}.trust-row strong{font-family:Manrope;font-size:17px}.trust-row span{font-size:12px;color:var(--muted)}.section{padding:75px max(8vw,24px)}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:30px}.section h2,.banner h2{font-size:clamp(30px,4vw,42px);margin:8px 0}.section-heading>p{max-width:300px;color:var(--muted);font-size:14px;line-height:1.6}.brand-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.brand-card{padding:24px 18px;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:10px;transition:.2s}.brand-card:hover{transform:translateY(-4px);border-color:#b8c4ff;box-shadow:0 12px 28px #1b2b6510}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#f0f3ff;color:var(--blue);font-size:23px;font-weight:800}.brand-card b{font-family:Manrope;font-size:17px}.brand-card small{color:var(--muted);font-size:11px}.banner{margin:0 max(8vw,24px);padding:38px 42px;border-radius:18px;background:#111a35;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:25px}.banner .eyebrow{color:#aab8ff}.banner p:not(.eyebrow){color:#c4cadd;max-width:540px;line-height:1.6;font-size:14px}.light{background:#fff;color:#17234a;white-space:nowrap}.contact{display:grid;grid-template-columns:1fr 1fr;gap:60px}.contact-copy{color:var(--muted);line-height:1.7;max-width:350px}.contact-details{display:grid;gap:18px}.contact-details p{margin:0;line-height:1.6}.contact-details span{display:block;color:var(--muted);font-size:10px;letter-spacing:.14em;font-weight:700;margin-bottom:5px}.contact-details a:not(.button){color:var(--ink);text-decoration:none}footer{border-top:1px solid var(--line);border-bottom:0;color:var(--muted);font-size:11px}
@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:55px}.hero-art{height:330px}.brand-grid{grid-template-columns:repeat(2,1fr)}.section-heading{align-items:start;flex-direction:column}.banner{margin:0 20px;align-items:start;flex-direction:column;padding:30px}.contact{grid-template-columns:1fr;gap:25px}.trust-row{gap:25px;justify-content:space-around}.trust-row span{font-size:10px}}
@media(max-width:420px){.hero-art{transform:scale(.9);margin:-10px -20px}.brand-grid{gap:9px}.brand-card{padding:18px 13px}footer{align-items:flex-start;gap:15px;flex-direction:column}}