/* Saypad: selected direction 3, “Quiet confidence”. */
.nav .wrap{height:64px;max-width:1168px;padding-inline:clamp(22px,6.7vw,78px)}
.nav .logo{font-size:24px;letter-spacing:-.045em}
.nav .logo img{width:36px;height:36px}
.nav .btn-sm{border-radius:12px;min-height:42px;background:#080a0d;padding-inline:20px}
.nav .links{gap:42px;margin-right:0}
.quiet-hero{padding:6px 0 0;background:#fff}
.quiet-hero .wrap{max-width:1168px;padding-inline:clamp(20px,6.7vw,78px)}
.quiet-hero .hero-app-icon{width:96px;height:96px;border-radius:24px;margin:0 auto 18px;box-shadow:0 10px 26px #277fda14;animation:none}
.quiet-hero h1{max-width:none;margin:0 auto;font-size:clamp(64px,7.1vw,84px);line-height:.94;letter-spacing:-.055em;font-weight:700;white-space:normal;animation:none}
.quiet-hero h1 span{display:block;color:#087cf5;line-height:1;margin-top:0}
.quiet-hero .motion-sub{margin-top:23px;font-size:clamp(18px,1.85vw,22px);font-weight:400;line-height:1.4;color:#616b7c;animation:none}
.quiet-hero .motion-actions{flex-direction:row;justify-content:center;align-items:center;gap:28px;margin-top:20px;animation:none}
.quiet-hero .motion-download{border-radius:12px;background:#080a0d;min-height:52px;padding:14px 28px;font-size:16px;white-space:normal;height:auto}
.quiet-hero .motion-demo{font-size:15px;color:#111827;white-space:nowrap}
.quiet-hero .motion-req{font-size:13px;line-height:1.5;color:#69768a;margin-top:13px}
.quiet-history{margin:15px auto 0;text-align:center;width:100%;max-width:1000px}
.quiet-history>a{display:block;overflow:hidden;border:1px solid #e2e6eb;border-radius:20px;box-shadow:0 20px 60px #1b3b5e0e;background:#fff;text-decoration:none}
.quiet-history img{display:block;width:100%;height:auto}
.quiet-history>a:focus-visible{outline:3px solid #087cf5;outline-offset:5px}
.quiet-history figcaption{font-size:13px;line-height:1.5;color:#677284;margin-top:17px}
.quiet-hero+.calm-apps{padding-block:34px 42px}
.quiet-hero+.calm-apps .app-list span{background:#f6f7f9;color:#626a78;padding:10px 20px;font-size:13px}
@media(max-width:820px){.nav .wrap{height:64px}.quiet-hero{padding-top:12px}.quiet-hero .hero-app-icon{width:88px;height:88px;margin-bottom:17px}.quiet-hero h1{font-size:72px}.quiet-history{margin-top:24px}.quiet-hero .motion-sub{font-size:20px}.quiet-hero .wrap{padding-inline:28px}}
@media(max-width:540px){.nav .wrap{padding-inline:20px}.nav .logo{font-size:21px}.nav .logo img{width:32px;height:32px}.quiet-hero{padding-top:20px}.quiet-hero .wrap{padding-inline:20px}.quiet-hero .hero-app-icon{width:78px;height:78px;border-radius:19px;margin-bottom:18px}.quiet-hero h1{font-size:66px;line-height:.96;letter-spacing:-.06em}.quiet-hero .motion-sub{font-size:17px;line-height:1.45;margin-top:21px}.quiet-hero .motion-actions{flex-direction:column;gap:13px;margin-top:21px}.quiet-hero .motion-download{font-size:15px;padding:14px 25px;min-height:50px}.quiet-hero .motion-demo{font-size:14px}.quiet-hero .motion-req{font-size:12px;margin-top:14px}.quiet-history{margin-top:24px}.quiet-history>a{border-radius:11px;box-shadow:0 12px 32px #1b3b5e12}.quiet-history figcaption{font-size:11px;max-width:260px;margin:12px auto 0}.quiet-hero+.calm-apps{padding-block:28px}.quiet-hero+.calm-apps .app-list span{font-size:12px;padding:8px 12px}}
@media(max-width:360px){.quiet-hero h1{font-size:60px}.quiet-hero .motion-sub{font-size:16px}.quiet-hero .wrap{padding-inline:16px}}
/* Account for the transparent inset in the supplied app icon. */
@media(min-width:821px){.quiet-hero .hero-app-icon{width:112px;height:112px;margin-bottom:2px}.quiet-hero h1 span{line-height:.94}.quiet-hero .motion-sub{margin-top:18px}}