*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--brand:#534ab7;--brand-dark:#3d3594;--brand-light:#7b75d4;--brand-pale:#f0effe;--ink:#1a1833;--ink-soft:#4a4869;--muted:#8b89a8;--border:#e4e2f5;--white:#fff;--off-white:#f8f7ff;--gold:#f5a623;--green:#27ae60;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--radius-xl:40px;--shadow-sm:0 2px 8px #534ab714;--shadow-md:0 8px 32px #534ab724;--shadow-lg:0 20px 60px #534ab72e;--transition:.25s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--white);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;line-height:1.6}h1,h2,h3,h4,h5{color:var(--ink);font-family:Roboto Slab,Georgia,serif;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.nav{z-index:100;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);background:#ffffffeb;position:sticky;top:0}.nav__inner{align-items:center;gap:32px;max-width:1160px;height:68px;margin:0 auto;padding:0 24px;display:flex}.nav__logo{color:var(--brand);flex-shrink:0;align-items:center;gap:8px;font-family:Roboto Slab,serif;font-size:20px;font-weight:700;display:flex}.nav__logo-mark{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-light) 100%);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.nav__logo-mark svg{fill:#fff;width:18px;height:18px}.nav__links{align-items:center;gap:28px;margin-left:auto;list-style:none;display:flex}.nav__links a{color:var(--ink-soft);transition:color var(--transition);font-size:15px;font-weight:500}.nav__links a:hover{color:var(--brand)}.btn{border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 24px;font-family:Inter,sans-serif;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background:var(--brand);color:var(--white);box-shadow:0 4px 16px #534ab759}.btn-primary:hover{background:var(--brand-dark);transform:translateY(-1px);box-shadow:0 6px 24px #534ab773}.btn-outline{color:var(--brand);border:1.5px solid var(--brand);background:0 0}.btn-outline:hover{background:var(--brand-pale)}.btn-lg{border-radius:var(--radius-lg);padding:16px 36px;font-size:17px}.btn-sm{padding:8px 18px;font-size:14px}.container{max-width:1160px;margin:0 auto;padding:0 24px}.footer{background:var(--ink);color:#ffffff8c;padding:56px 0 32px}.footer__grid{border-bottom:1px solid #ffffff1a;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;padding-bottom:40px;display:grid}.footer__brand-name{color:#fff;align-items:center;gap:8px;margin-bottom:12px;font-family:Roboto Slab,serif;font-size:20px;font-weight:700;display:flex}.footer__brand-name .mark{background:linear-gradient(135deg, var(--brand) 0%, var(--brand-light) 100%);border-radius:8px;justify-content:center;align-items:center;width:30px;height:30px;display:flex}.footer__brand-name .mark svg{fill:#fff;width:15px;height:15px}.footer__tagline{max-width:240px;font-size:14px;line-height:1.7}.footer__col h4{color:#ffffffd9;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px;font-family:Roboto Slab,serif;font-size:13px;font-weight:600}.footer__col ul{flex-direction:column;gap:10px;list-style:none;display:flex}.footer__col a{color:#ffffff8c;transition:color var(--transition);font-size:14px}.footer__col a:hover{color:#fff}.footer__bottom{justify-content:space-between;align-items:center;padding-top:28px;font-size:13px;display:flex}.footer__store-badges{gap:12px;display:flex}.store-badge{color:#fff;transition:background var(--transition);background:#ffffff14;border:1px solid #ffffff1f;border-radius:10px;align-items:center;gap:8px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.store-badge:hover{background:#ffffff24}.store-badge svg{fill:#fff;flex-shrink:0;width:18px;height:18px}@media (width<=768px){.nav__links{display:none}.footer__grid{grid-template-columns:1fr 1fr;gap:32px}.footer__bottom{text-align:center;flex-direction:column;gap:20px}}@media (width<=480px){.footer__grid{grid-template-columns:1fr}}