*{box-sizing:border-box}body{margin:0;background:#f3f3f8;color:#22245b;font:17px/1.7 system-ui,-apple-system,sans-serif}a{color:#426fcc;text-underline-offset:4px}.shell{max-width:1100px;margin:auto;padding:0 26px}nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0}nav a{text-decoration:none}nav div{display:flex;gap:22px}.brand{font-weight:750;color:#22245b;display:flex;align-items:center;gap:10px}.brand img{width:44px;border-radius:13px}.hero{padding:72px 0 54px;display:grid;grid-template-columns:1.3fr 1fr;gap:48px;align-items:center}h1{font-size:clamp(40px,6vw,70px);letter-spacing:-.055em;line-height:1.08;margin:18px 0 24px}h2{font-size:30px;line-height:1.25;letter-spacing:-.025em}p{color:#616386}.eyebrow{font-size:13px;font-weight:750;letter-spacing:.12em;text-transform:uppercase;color:#5979c4}.hero img{width:100%;border-radius:30%;box-shadow:0 25px 70px #d2d4e780}.button{display:inline-block;border-radius:40px;padding:13px 24px;background:#587fdb;color:white;text-decoration:none;font-weight:650;margin:12px 12px 0 0}.secondary{background:white;color:#4965a3}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 56px}.card,article{background:white;padding:32px;border-radius:28px}.card h2{font-size:23px;margin:12px 0}.emoji{font-size:36px}.card p{margin-bottom:0}.section{padding:34px 0}.pro{border-radius:32px;padding:36px;background:linear-gradient(120deg,#e6eafb,#fff4d9);margin-bottom:50px}.page{max-width:820px;margin:36px auto 64px}.page h1{font-size:46px}.page article{margin-top:25px}.page h2{font-size:23px;margin-top:30px}.page article h2:first-child{margin-top:0}footer{padding:32px 0;border-top:1px solid #dddeea;font-size:14px;color:#737591}footer .shell{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}.shots{display:flex;gap:22px;overflow:auto;padding:12px 4px 32px}.shots img{width:260px;max-height:570px;object-fit:contain;border-radius:26px;box-shadow:0 10px 26px #d2d4e780}.note{font-size:14px}@media(max-width:700px){.hero{grid-template-columns:1fr;padding-top:36px;gap:30px}.hero img{width:210px;order:-1;justify-self:center}.grid{grid-template-columns:1fr}.hero h1{font-size:46px}nav{align-items:flex-start}nav div{gap:12px;flex-wrap:wrap;font-size:14px}.brand{font-size:15px}.page h1{font-size:36px}.card,article{padding:24px}}