.simple-app{--app-ink:#151512;background:color-mix(in srgb,var(--app-accent) 12%,#f6f2e8);padding:24px max(20px,calc((100vw - 1180px)/2)) 72px;color:var(--app-ink)}
.simple-app__nav{display:flex;justify-content:space-between;gap:20px;font-size:13px;font-weight:700}.simple-app__nav a{text-underline-offset:4px}
.simple-app__hero{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:64px;padding:60px 0 70px}.simple-app__icon{width:88px;height:88px;border-radius:22px;box-shadow:0 12px 25px #15151220;margin-bottom:24px}
.simple-app h1{font-size:clamp(56px,7vw,96px);line-height:.95;letter-spacing:-.065em;margin:0 0 24px}.simple-app__tagline{font-family:var(--serif);font-size:clamp(30px,3.6vw,46px);line-height:1.08;margin:0 0 18px;max-width:15ch}.simple-app__description{font-family:var(--sans);font-size:18px;line-height:1.6;max-width:43ch;margin:0 0 28px}
.simple-app__download{display:inline-flex;align-items:center;justify-content:center;background:#151512;color:#fffdfa;padding:16px 22px;border-radius:10px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:4px 4px 0 var(--app-accent);border:2px solid #151512}.simple-app__download:hover{background:#34342f;transform:translateY(-2px)}.simple-app a:focus-visible{outline:3px solid #1856ed;outline-offset:5px}.simple-app__price{font:11px/1.5 var(--mono);margin:18px 0 0}
.simple-app__preview{display:flex;align-items:center;justify-content:center;gap:16px;padding:32px 22px;background:var(--app-accent);border:2px solid #151512;border-radius:30px;box-shadow:7px 8px 0 #151512}.simple-app__preview figure{width:49%;margin:0;transform:rotate(-5deg);border-radius:16px;overflow:hidden;box-shadow:0 12px 25px #15151235}.simple-app__preview figure+figure{transform:rotate(5deg) translateY(18px)}.simple-app__preview img{width:100%;height:auto}
.simple-app__features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px;padding:36px 0 48px;border-top:2px solid #151512;border-bottom:2px solid #151512}.simple-app__features h2{font-size:26px;line-height:1.05;letter-spacing:-.035em;margin:0 0 14px}.simple-app__features p{font-size:16px;line-height:1.6;margin:0}
.simple-app__gallery{padding:56px 0}.simple-app__gallery>h2,.simple-app__end h2{font-size:clamp(36px,5vw,60px);line-height:1;letter-spacing:-.05em;margin:0 0 28px}.simple-app__screens{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.simple-app__screens a{border-radius:15px;overflow:hidden;box-shadow:3px 4px 0 #151512;border:1px solid #151512;background:var(--app-accent)}.simple-app__screens img{width:100%;height:auto}.simple-app__caption{font:11px/1.5 var(--mono);margin:20px 0 0;opacity:.7}.simple-app__end{background:var(--app-accent);border:2px solid #151512;border-radius:22px;padding:36px}.simple-app__end>a+a{display:inline-block;margin-left:24px}
.simple-app__privacy{padding:0 0 40px;max-width:70ch}.simple-app__privacy h2{font-size:28px;line-height:1.1;letter-spacing:-.03em}.simple-app__privacy ul{padding-left:20px;line-height:1.7;font-size:16px}
@media(max-width:800px){.simple-app__hero{gap:32px;padding:40px 0}.simple-app__features{grid-template-columns:repeat(2,minmax(0,1fr))}.simple-app__screens{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.simple-app{padding:20px 20px 48px}.simple-app__hero{grid-template-columns:1fr;gap:34px}.simple-app__icon{width:72px;height:72px;margin-bottom:20px}.simple-app h1{font-size:64px}.simple-app__description{font-size:17px}.simple-app__preview{padding:26px 18px}.simple-app__features{grid-template-columns:1fr;gap:26px}.simple-app__screens{gap:12px}.simple-app__end{padding:26px}.simple-app__end>a+a{display:block;margin:24px 0 0}}